How to change the size of the product titles font displayed within a collection

I know this question has been asked a lot. I have read all the replies. I can’t seem to find the codes in any of the answers that have been given. The product title font is twice as big as it needs to be. Granted I’m no coder but I can follow directions. My shop is

It’s the debut theme.

Please help.

Thanks

1 Like

@krishundt

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

#collection .product-card__title{
    font-size: 14px !important;
}

Hope this works.

Thanks!

No it didn’t work.

I’m not sure what it changed but it wasn’t the titles to my products. The titles of my products are just too big. If you have any other suggestions I’m willing to try them. Thanks

1 Like

@krishundt

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

#Collection .h4.grid-view-item__title.product-card__title {
    font-size: 14px !important;
}

Hope this works.

Thanks!

Perfect. That worked like a charm. So once I click one a product and it comes up on it’s own page with the title, picture and description. and “you may like products” at the bottom of the page. How can I make title on the main product and on the “you may also like” titles smaller?

1 Like

@krishundt

Please add this code.

#shopify-section-product-recommendations .product-card__title{
font-size: 14px !important;
}

Hope this works.

Thanks!

So grateful for your knowledge and quick response. Thank you