Change blog posts text size

[commissionworks]

Hi

How do i change the default text size for all my blog post pages such

https://www.commissionit.co.uk/announcements/how-to-print-a-3d-printed-ceramic-vase/

I know how to change it for my pages using X > Theme Options > Typography > Body and Content** then set it in Content Font Size (rem) .

But not for posts.

thanks

[tristup]

Hi Amin,

It has been found that you’re still using the older version of X i.e. 7.2.3 and Cornerstone version i.e 5.2.3. I would suggest you update the X to its latest version i.e. 8.3.3. by following the below steps.

1. Delete the Cornerstone
2. Update the X theme to the latest version on automatic updates
3. After the X theme is updated, use the link in the dashboard to automatically install the Cornerstone. It will be at the latest version

If the issue still exists after the update, there might be some different reasons behind your reason, I would like to suggest troubleshoot the following common issue to help us to recognize the reason.

1.Plugin Conflict
2.Theme Update related issue
3.CSS/JS Customization
4.Disabling Cache

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If that does not help, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[commissionworks]

Thanks for the reply.

When you say issue, as far as i know i dont have an issue, i just need to know who to change the font size on my blog post pages. Im reluctant to delete Cornerstone as im not that technical. Please just let me know how to change the font sizes without causing more complications… Thanks

[tristup]

Hi Amin,

If you want to implement the specific style only for the post pages, you need to add the custom CSS code using the prefix blog for Blog Post page and single-post for Post Details page. It would look like the following.

.blog h1, 
{
    font-size: 24px; //change as you want
}
.blog h2, 
{
    font-size: 20px; //change as you want
}

Please remember that the above code will work if copied as it is and don’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 that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks