Heading Fonts in Pro are too small or too big

[stacyd]

Here is the example on my pages.
On the post page, the H1 and H2 are too small
https://digitalagentshow.com/i-have-reviewed-over-50-real-estate-schools-and-found-11-reasons-why-online-courses-are-better-than-classroom-courses/

On the category I wish the font size was closer to the body size and not so big.
https://digitalagentshow.com/topic/30-day-pre-agent-mentor/

I have attempted to change the global css - but am not seeing the changes I desires.

h1, .h1 {
font-size: 17px;
}
.entry-title {
font-size: 17px;
}
.entry-header {
font-size: 14px;
}
.p-meta {
font-size: 12px;
}
h2, .h2 {
font-size: 12px;
}
h3, .h3 {
font-size: 15px;
}
h4, .h4 {
font-size: 15px;
}

Any suggestions? I wish there was a way to set all of this is the them options without css

[tristup]

Hi @stacyd,

Thanks for reaching out.
It is all because the default values are overriding the value set in your custom CSS code. To make it high in the priority you need to add !important to the values and it will look like the following.

.entry-title 
{
    font-size: 17px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks