I want to adjust the size and design of my blog post titles

The above is one of the blogs in my website. The title of every single blog I think is too small in word size, although it is an “H1”. How can I adjust it to be bigger? And How can I resize the H4 and H5 title in the same blog above to be smaller?

Moreover, How can I change the H1 title’s color and font family?

Thanks!

Hi,

You can make the post title larger, change font-family and color with this Custom CSS:

.hentry .title-post {
    font-size: 30px !important;
    font-family: your-font-here !important;
    color: red !important;
}

You can make h4 and h5 tags smaller in font-size with this Custom CSS:

h4 {
    font-size: 20px !important;
}

h5 {
    font-size: 18px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Hello there,

Thanks for the code works very well. I have another question about this topic.
how can I change the hover color by default on the post page?

Thanks in advance
Kind Regards.
Diego

Hi,

The hover of what would you like to change? Can you, please clarify?

Best Regards,
Csaba

Sure friend, for example. I have created a “Post page” that show all posts I have created, in that page, not in single post, the hover of the posts has a hover color by default based on the primary color (I think). that is the hover color I want to change.

Thanks in advance for your help.
Regards.
Diego

Hi,

Ok, please post a link to that page, so I can give you a working solution for the post title hover there ( on that single page ).

Best Regards,
Csaba