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

[ben_yamada]

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.

↓↓↓↓↓

deicy.jp

password　5206

[Moeed · 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:

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

Best Regards,
Moeed

[GTLOfficial · 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

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

[Moeed · 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:

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

Best Regards,
Moeed

[GTLOfficial · 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

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

[ben_yamada]

thank you very much!!!

[GTLOfficial]

Happy to help you...!!!

[devcoders · 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;
}