Support/Polestar Theme/Styling Gutenberg dropcaps with CSS

[Resolved] Styling Gutenberg dropcaps with CSS

  • Author
    Posts
  • June 10, 2021 at 3:45 pm #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!

    June 10, 2021 at 3:47 pm #15856

    Andrew Misplon
    Keymaster

    Hi Jonas

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

    June 10, 2021 at 4:31 pm #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 2 years, 5 months ago by Jonas.
    June 11, 2021 at 9:16 am #15859

    Andrew Misplon
    Keymaster

    Hi 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 Misplon
    Keymaster

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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)

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

Scroll to top