How to reduce font size for collection in prestige theme

Store Design
1

Hi,

I am trying to reduce the font size of product titles in a collection.

I am using the prestige theme.

Lynnn_1-1629168041608.png
Lynnn_1-1629168041608.png1874×587 157 KB

2

Hi @Lynnn

welcome to Shopify community, please link the URL of your store, so that I can suggest you a solution here.

3

@Lynnn

Please add the following code at the bottom of your assets/theme.css file.

.template-collection h2.ProductItem__Title.Heading {
    font-size: 15px;
}

Hope this works.

Thanks!

4

Ok, I see. It is a strange behavior seems like that there’s an app that is injecting some CSS code that cause the product title to be bigger than what they should.

Anyway, easy fix, add this code to the end of your file theme.css.

.ProductList .ProductItem__Title {
    font-size: 1.2rem;
}

I put a font-size that seems good to me, but you can that based on your preferences.

5

hello @Lynnn

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-collection h2.ProductItem__Title.Heading {
    font-size: 15px;
}
6

Thank you so much! That works!