Styling Gutenberg dropcaps with CSS

  • Author
    Posts
  • #15855

    Jonas
    Participant

    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!

    #15856

    Andrew Misplon
    Keymaster

    Hi Jonas

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

    #15857

    Jonas
    Participant

    Sure:

    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 1 week, 2 days ago by Jonas.
    #15859

    Andrew Misplon
    Keymaster

    Hi Jonas

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

    #15863

    Andrew Misplon
    Keymaster

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

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

You must be logged in to reply to this topic.

Scroll to top