Hello everyone, I’m trying to change the font size of my collection titles on my Shopify store ( www.malbusaat.co.uk ) . Currently, when I use the .card__heading selector, it also changes the font size of the product titles. How can I target only the collection titles and customize their CSS without …

Thank you, but this is the issue, I couldn’t find the selector for the collection titles only. all i can find is .card__heading, which is using for the both collection and product titles.

Hi @famubarik , To customize the font size for only the collection titles without affecting product titles, you need to be more specific in your CSS selectors. Here’s how you can adjust it: Inspect Elements: First, use the browser’s developer tools (Right-click > Inspect) to find the HTML struct…

this code you provided also not working, I can’t save when entered the above code in the theme css in customizer. It says unable to save.

How to customize the CSS for collection titles only, without affecting product titles?

Store Design

famubarik October 25, 2024, 11:32am 2

Topic		Replies	Views
Change Title Size of products on collection pages only - spotlight theme Store Design design	4	130	September 2, 2024
Reducing Collection Title Size in Product Preview Store Design design , customizations , css , product-page	4	41	November 1, 2024
How do I change the product title size in a collection? Store Design	6	52	April 21, 2022
Change font size of Collection Page Title Store Design	7	53	October 7, 2021
Change font and font size of product title in product grid Shopify Discussion collection-page , css , shopify-themes , troubleshooting , shopify-theme	5	95	January 12, 2026

How to customize the CSS for collection titles only, without affecting product titles?

Related topics