Change H1 font on one collection only

CoWa
New Member
3 0 0

Hi, 

I'm trying to change the font of a h1 on one collection page only, I want it to differ from the other collections on my site. I want a different font and font size for this one h1 on my site.

So far I've created a new collection template (collection.littlecw.template) and assigned this to the collection I want a different font for. I know I'll need to add some css to the bottom of the css file in my liquid code. 

The class of the H1 is SectionHeader__Heading Heading u-h1.

Does anyone know what css code I need to do this?

Many thanks!

0 Likes
Pallavi
Shopify Expert
703 89 100

 

Hello There,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

SectionHeader__Heading Heading u-h1 h1 {
font-weight: bold;
font-size: 32px;
}

 

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
0 Likes
CoWa
New Member
3 0 0
Click to expand...
Hi, 

Thanks for sharing this CSS with me. Sadly it doesnt work. 


Would something like this work to change a single collection templates h1 font?


.collection-littlecw-theme .SectionHeader__Heading Heading u-h1 h1 {
font-weight: bold;
font-size: 32px;
}



Thanks!
0 Likes
suyash1
Shopify Partner
1945 194 294

@CoWa - can you please share collection link where you have this h1 tag?

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly
0 Likes