Archived topic

Using drop caps and attribute in the same wordpress block

3 replies · Started by Simon on January 13, 2021

Viewing posts 1–4 of 4

January 13, 2021 at 6:41 am #1616979

Hi,
I'm a html and css newb and trying to get drop caps and the attribute working inside the same wordpress block.
I am trying to get "Here’s what you will get from Simon Portillo Electrician Services:" inside a attribute.

Here is the page it's on:

simonportillo.co.uk

Thanks for reading!

January 13, 2021 at 6:53 am #1617198

Hi there,

try this for your CSS:

P.drop-cap::first-letter {
    font-size: 4.5em;
    line-height: 1;
    float: left;
    padding-right: 0.125em;
}

The important part is the line-height property.

For the  you would need to switch the editor to code view, and the HTML for that text block would be something like this:

Beginning of paragraph with the drop cap, followed by the text within the mark element

January 13, 2021 at 7:08 am #1617230

Hi David,
Thank you so much !!! That is working exactly as intended!
Best wishes
Simon

January 13, 2021 at 7:14 am #1617242

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.