[Resolved] Styling Gutenberg dropcaps with CSS

  • Author
  • #15855


    Hi 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!


    Andrew Misplon

    Hi Jonas

    Please, send a link to a page concerned and I’ll take a look. Thanks.




    Om meditation

    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 2 years, 5 months ago by Jonas.

    Andrew Misplon

    Hi Jonas

    Thanks for sharing. Here is the issue: https://imgur.com/a/YShNr74. Hope that helps.


    Andrew Misplon

    Hi Jonas, a quick follow-up to see if you’ve made progress?

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Styling Gutenberg dropcaps with CSS’ is closed to new replies.

Scroll to top