Re: Decreasing the font size in the title of my Blog post only - Dawn theme

Solved

Decreasing the font size in the title of my Blog post only - Dawn theme

MDPayne
Tourist
4 1 1

Hey there.. Looking to reduce the size of the font on my Blog posts titles only, not on the main page but once you have clicked on a Blog and are reading it. Th font size currently is massive, also don't want to mess with the theme font settings as I have them dialed in.

 

ss.png

Just need some help with the Blog card font,  I've tried everything it seems, but nothing has worked specifically for the Blog title description font size.

 

Thanks!

Marketing/Ecom Lead Vents-US
Accepted Solution (1)
MDPayne
Tourist
4 1 1

This is an accepted solution.

Hey there..that worked!.. One caveat, On line 309 in my base.css code the rem was already set to 2

.h2 {
font-size: calc(var(--font-heading-scale) * 2rem);
}

However on line 304 above for H1 was not, I changed the 4 rem that was the default to 3 and it looks great.

Marketing/Ecom Lead Vents-US

View solution in original post

Replies 6 (6)

ES1
Shopify Partner
192 15 19

Hi @MDPayne 

 

Please share the exact page where you want this to be changed to ?

 

 

Thanks

If this fixed your issue, Please Like and Accept as a Solution.
Looking for assistance? Hire an experienced Shopify Partner! Visit EcommerceStorez.us today for a quick quote.
Seeking an elegant theme designed to boost conversions? Explore our High-Converting Shopify Themes today!

MDPayne
Tourist
4 1 1

Hey there and thanks for your reply. The font decrease code fix should apply to all of my Blog posts, There isn't just one page or url that it applies to.

Marketing/Ecom Lead Vents-US

ZestardTech
Shopify Partner
6056 1082 1452

Hello @MDPayne 

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
MDPayne
Tourist
4 1 1

Good Day..

 

The store url is https://shop.vents-us.com/ no password required as we've been live for 14 months. Click on any Blog.

 

Thanks

Marketing/Ecom Lead Vents-US
ES1
Shopify Partner
192 15 19

Hi @MDPayne ,

 

  1. Please go to Online Store --> Themes --> Click on 3 dots and then click Edit code
  2. Search for base.css
  3. On line no. 309, change 4 rem to 2 rem, this is how it should be:
    font-size: calc(var(--font-heading-scale) * 2rem);

 

Hope this helps.

 

If this fixed your issue, Please Like and Accept as a Solution.
Looking for assistance? Hire an experienced Shopify Partner! Visit EcommerceStorez.us today for a quick quote.
Seeking an elegant theme designed to boost conversions? Explore our High-Converting Shopify Themes today!

MDPayne
Tourist
4 1 1

This is an accepted solution.

Hey there..that worked!.. One caveat, On line 309 in my base.css code the rem was already set to 2

.h2 {
font-size: calc(var(--font-heading-scale) * 2rem);
}

However on line 304 above for H1 was not, I changed the 4 rem that was the default to 3 and it looks great.

Marketing/Ecom Lead Vents-US