Reducing font size for featured collections headline - Prestige theme

Solved
ava06
Tourist
9 0 4

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

 

Screen Shot 2021-11-13 at 3.08.29 pm.png

 

Accepted Solution (1)

Accepted Solutions
Savior
Pathfinder
91 13 32

This is an accepted solution.

@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.

View solution in original post

Replies 5 (5)
Zworthkey
Shopify Partner
2563 308 641

Hii, @ava06 
Paste this code on top of the theme.scss file.

.SectionHeader__TabList.TabList button {
    font-size: 14px !important;
}

Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Savior
Pathfinder
91 13 32

This is an accepted solution.

@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.

View solution in original post

Natztech
Shopify Partner
2236 565 1373

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;
}
}

 

dmwwebartisan
Shopify Partner
9771 2229 3065

@ava06 

Add code Your assets/theme.scss.liquid bottom of the file. 

#shopify-section-featured-collections .TabList__Item {
    font-size: 14px !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
ava06
Tourist
9 0 4

@Savior 

Thank you, that worked! Looks much better.