Prestige-how to reduce the font size of the header of the Featured collections

Solved

Prestige-how to reduce the font size of the header of the Featured collections

ben_yamada
Shopify Partner
29 0 7

Hi.

I would like to reduce the font size of the header of the Featured collections on the smartphone home page.
I would appreciate it if you could tell me how to do this.

ben_yamada_0-1729325086501.png

 

↓↓↓↓↓

ben_yamada_1-1729325102208.png

 

 

 

 

deicy.jp

password 5206

 

 

Accepted Solutions (3)

Moeed
Shopify Partner
5862 1591 1890

This is an accepted solution.

Hey @ben_yamada 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
carousel-navigation.featured-collections-navigation.scroll-area.bleed .h2 {
    font-size: 15px !important;
}
</style>

RESULT:

Moeed_0-1729325568956.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

GTLOfficial
Shopify Partner
623 135 123

This is an accepted solution.

Hello @ben_yamada 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.featured-collections-navigation > button:not(:only-child) {
font-size: 15px !important;
}

result
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

View solution in original post

devcoders
Shopify Partner
368 57 92

This is an accepted solution.

Hello @ben_yamada 

 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css.
Add the provided code at the end of the file.

 

.featured-collections-navigation button.h2 {
font-size: 15px !important;
}

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
5862 1591 1890

This is an accepted solution.

Hey @ben_yamada 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
carousel-navigation.featured-collections-navigation.scroll-area.bleed .h2 {
    font-size: 15px !important;
}
</style>

RESULT:

Moeed_0-1729325568956.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Get a quick Shopify quote – Click here!

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


GTLOfficial
Shopify Partner
623 135 123

This is an accepted solution.

Hello @ben_yamada 
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

.featured-collections-navigation > button:not(:only-child) {
font-size: 15px !important;
}

result
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
ben_yamada
Shopify Partner
29 0 7

thank you very much!!!

GTLOfficial
Shopify Partner
623 135 123

Happy to help you...!!!

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

devcoders
Shopify Partner
368 57 92

This is an accepted solution.

Hello @ben_yamada 

 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/theme.css.
Add the provided code at the end of the file.

 

.featured-collections-navigation button.h2 {
font-size: 15px !important;
}

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!