- This topic has 4 replies, 2 voices, and was last updated 1 year ago by
Andrew Misplon.
- AuthorPosts
- June 10, 2021 at 3:45 pm #15855
JonasParticipantHi there,
I’m trying to style the Gutenberg dropcaps with this CSS:
p.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal;
}I’ve been able to do so with other themes but for some reason it’s not working when I’m using Polestar. Do you have any suggestions? Thanks in advance!
June 10, 2021 at 3:47 pm #15856
Andrew MisplonKeymasterHi Jonas
Please, send a link to a page concerned and I’ll take a look. Thanks.
June 10, 2021 at 4:31 pm #15857
JonasParticipantSure:
I’ve uploaded the css in the Additional CSS editor but it seems that it’s not loading. I have changed the font-family and specified as important, but to no avail.
- This reply was modified 1 year ago by
Jonas.
June 11, 2021 at 9:16 am #15859
Andrew MisplonKeymasterHi Jonas
Thanks for sharing. Here is the issue: https://imgur.com/a/YShNr74. Hope that helps.
June 16, 2021 at 10:04 am #15863
Andrew MisplonKeymasterHi Jonas, a quick follow-up to see if you’ve made progress?
- This reply was modified 1 year ago by
- AuthorPosts
The topic ‘Styling Gutenberg dropcaps with CSS’ is closed to new replies.