Archived topic

Header Element Line Height

6 replies · Started by Paul on March 11, 2021

Viewing posts 1–7 of 7

March 11, 2021 at 12:06 pm #1691671

I'm sure there's an easy way to do this, but I haven't found it yet.

Is there a way to change line height in a Home Page Header Element?

So far all

tags affects the whole header element, not just the text.

March 11, 2021 at 12:26 pm #1691687

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

March 11, 2021 at 12:35 pm #1691696

Sure. TIA.

March 11, 2021 at 12:43 pm #1691703

Hi Paul,

There's an H1 and a P in the header element, if you want to change the h1, try this:

.home .page-hero h1 {
    line-height: 1em;
}

If you want to change p, then this:

.home .page-hero p {
    line-height: 1em;
}

Let me know :)

March 11, 2021 at 1:15 pm #1691728

Thank you for the help! Unfortunately, I just don't even know where to put it.

I was hoping GeneratePress would be a better option than Divi, but I really don't want to have to code this much.

March 11, 2021 at 1:18 pm #1691730

I got it. Just needed the style tags.

Thank you!

March 11, 2021 at 1:28 pm #1691736

CSS code could be added in customizer > additional CSS.

Just copy and paste :) Feel free to change the numbers.

This archived topic is closed to new replies.