Reducing font size for featured collections headline - Prestige theme

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 :slightly_smiling_face:

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.

@ava06

  1. Go to your store. Click on Actions > Edit Code

  2. 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!

@Savior

Thank you, that worked! Looks much better.