ava06
November 13, 2021, 4:24am
1
Hi there,
Does anyone have any ideas on how I could reduce the headline font size for the featured collections? It’s huge!
I’m using the Prestige theme.
See headlines circled with yellow in screenshot below.
Thank you in advance
Site link: https://jfrloadqn60l0yvk-40983593121.shopifypreview.com
1 Like
Hii, @ava06
Paste this code on top of the theme.scss file.
.SectionHeader__TabList.TabList button {
font-size: 14px !important;
}
Thank You.
Savior
November 13, 2021, 4:49am
3
@ava06
Go to your store. Click on Actions > Edit Code
Go to Assets > theme.scss.css add below lines at the bottom of the file.
.SectionHeader__TabList.TabList .u-h1 {
font-size: 17px;
}
@media screen and (max-width: 750px) {
.SectionHeader__TabList.TabList .u-h1 {
font-size: 15px;
}
}
If helpful then please Like and Accept Solution .
1 Like
hello @ava06
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media screen and (min-width: 759px){
section.Section--spacingNormal .SectionHeader .u-h1{
font-size: 17px !important;
}
}
2 Likes
@ava06
Add code Your assets/theme.scss.liquid bottom of the file.
#shopify-section-featured-collections .TabList__Item {
font-size: 14px !important;
}
Thanks!
ava06
November 13, 2021, 5:50am
6
@Savior
Thank you, that worked! Looks much better.