Change Collection Title font size on SENSE theme

Solved

Change Collection Title font size on SENSE theme

Skittles
Tourist
13 1 2

Hello, I would like to change the font size of the titles of my collection pages. Currently the titles are too big compared to my other page titles.

 

I am using SENSE theme.

 

here is link to my website - https://fuzzyboss.com

 

thank you

Happy to help however I can!
Accepted Solution (1)

DavidEKim
Shopify Partner
393 131 199

This is an accepted solution.

Hi,

If you want to change the collection title font size, please go to 

Online Store > Actions > Edit code > Assets > component-collection-hero.css.

*Note: The component-collection-hero.css is located under Assets.

Please add the following code in to the component-collection-hero.css file.

 

 

.collection-hero__title {
  font-size: 24px;
}

 

 

 

If you know how to modify css code, please find collection-hero__title class and just add the font size (font-size: 24px;) and change the size (24px) for your needs.

It will be as below.

 

 

.collection-hero__title {
  margin: 2.5rem 0;
  font-size: 24px;
}

 

 

 

Please don't forget to add the semicolon (;) after (number)px.

If you have any questions, please let me know.

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner

View solution in original post

Replies 2 (2)

DavidEKim
Shopify Partner
393 131 199

This is an accepted solution.

Hi,

If you want to change the collection title font size, please go to 

Online Store > Actions > Edit code > Assets > component-collection-hero.css.

*Note: The component-collection-hero.css is located under Assets.

Please add the following code in to the component-collection-hero.css file.

 

 

.collection-hero__title {
  font-size: 24px;
}

 

 

 

If you know how to modify css code, please find collection-hero__title class and just add the font size (font-size: 24px;) and change the size (24px) for your needs.

It will be as below.

 

 

.collection-hero__title {
  margin: 2.5rem 0;
  font-size: 24px;
}

 

 

 

Please don't forget to add the semicolon (;) after (number)px.

If you have any questions, please let me know.

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
Skittles
Tourist
13 1 2

@DavidEKim It worked, thank you very much. 

 

Have a good day.

Happy to help however I can!