Change style of title blog in blog page

erica11b · July 2019

Hello!

I need to change the style of title blog in the blog page: https://www.stefaniabonino.it/comunicazione-ontheroad/

The title is bigger, I need to change the dimension of font, line-height and letter spacing, without changing the H2 setting of the whole site.

How i can I do?

Thank you,

Erica

Bryan · July 2019

Hey Erica,

you can use this css for a custom job like that

.post-title h2.entry-title { font-size:20px; line-height:25px; letter-spacing:0;}

thanks

erica11b · July 2019

Thank you very much.

And how I can change the title color? I've tried to add color in the css but doesn't work

thank you

Erica

Bryan · July 2019

just add color:#fff; for example.

If it does not work, try adding !important, it should look like this:

color:#fff !important;

thanks

erica11b · July 2019

Hi!

The code is:

.post-title h2.entry-title { font-size:30px; line-height:35px; letter-spacing:0; color:#5a1c4b !important; }

What is wrong?

Thank you

Erica

Bryan · July 2019

Dear Erica,

this is because the h2 has the color changed, but it contains an <a> link element inside it. This is why this css wont work.

You should keep that h2 CSS as before:

.post-title h2.entry-title { font-size:20px; line-height:25px; letter-spacing:0;}

and use this css for the color only

.post-title h2.entry-title a { color:#fff !important;}

thanks

erica11b · July 2019

ok thank you

Comments