Change Typography in the Blog

[h08meric]

Hi!

I have the website https://calamiaresort.com/

I would like to change the typography only for the blog. Take this blog post as an example:

Health Benefits of Practicing Yoga - Cala Mia Island Resort

Is there any way I can change the heading size for h1, h2, h1 entry title etc only for the blog?
I dont want it to affect the whole website, just change the size of the headings for the blog.

At the moment the h1.entry-title is smaller than h1 and h2. I want the h1.entry-title to be the largest, then h1 and then h2. But I dont want to affect the whole website, just all the blog posts.

Thank you!

Kind regards
Maria

[nabeel]

Hey Maria,

Thank you for reaching out to us. In X, you can change the typography via X > Theme Options > Typography > Root Font Size but this will be applied site wide. Here’s a similar thread that you can follow Blog post header is smaller than H2 now to make sure it is only applied to the blog posts, prefixing with the posts class in the selector would be needed e.g the selector will change from h1.entry-title to .single-post h1.entry-title

As you see it requires custom CSS which is regretfully outside of our support scope. For you further guidance here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!

[h08meric]

Thank you! It helps and I have now fixed it!

Kind regards
Maria

[jade]

You’re welcome, Maria.