[Resolved] h2 sidebar font size

[Macca]

Hi guys,

I hope you’re well.

I am trying to change the h2 sidebar font size on my right sidebar – https://www.funfactsabout.com/fun-facts-about-panama/

I have tried adding in the below CSS but it doesn’t work, maybe because it’s being overwritten by another sitewide h2 CSS change I have?

.sidebar h2 {
font-size: 20px;
}

Also, do you know if there’s any way of having the last updated flush left?

Any help would be really appreciated!

Cheers,

Macca

[David]

Hi there,

1. that CSS should work, where did you add it ? And did you clear any cache optimization plugins after adding it ?

2. Edit the Block Element – Post Meta template you’re using ( in Appearance > Elements ). Select the first Headline block with the icon, and in Spacing set its Left Padding to 0

[Macca]

Hi David,

I added it directly to the custom CSS in Customize, and also directly to the widgets custom CSS.

And yes, I have cleared the cache. Any ideas on why it’s not pulling through?

Thanks for the other fix, that worked perfectly.

Cheers,

Macca

[David]

Try disabling your cache/optimization plugins and check the page in a private browser.
Do you see the styles change ?

[Macca]

I have just done that but it still isn’t showing on the frontend.

Shall I give you login details to take a look at it to see if you can see the problem?

[David]

can you leave the plugins disabled ? so i can take a closer look

[Macca]

Here you go.

[Leo]

It was getting overwritten.

Try this CSS:

.sidebar h2 {
    font-size: 20px !important;
}

[Macca]

Ah brilliant, thanks very much for that guys, I really appreciate it!

[Leo]

No problem 🙂

[Author]

Posts