FROM CACHE - en_header

how to change product title size in a collection

Solved
rachelouizemann
Tourist
4 0 0

Hi there,

I would like to change the products title size to a smaller size on the collection page (not on the product page).

It seems as though their size is connected to the header of the shop, and every time I change the size there then it changes the size of the product header (Typography, Heading base size). I would like the shop header to be big and the products' titles to be smaller. I am using the debut theme.

I tried different solutions and coding I found here, but they do not work. I tried these ones:

https://community.shopify.com/c/Technical-Q-A/How-to-change-the-size-of-the-product-titles-font-disp...

https://community.shopify.com/c/Shopify-Design/How-to-change-product-title-font-size-and-page-title-...

I already have this:

/* make product page product name heading a bit smaller */
.template-product h1.product-single__title {
font-size: 1em;
}

but it only changes the size of the title of the product when clicking on it, and not in the collection. 

(btw, I cannot find any theme.scss.liquid, only theme.css)

 

Please help 🙂

Thanks

Rachel

 

Accepted Solution (1)

Accepted Solutions
AlexEffron
Shopify Partner
2683 387 1051

This is an accepted solution.

Please place this code at the end of Online store -> theme -> edit code -> assets -> theme.scss file

 

#shopify-section-collection .product-card__title, #shopify-section-collection-template  .product-card__title {
    font-size: 16px !important;
}

 

 

View solution in original post

Replies 11 (11)
AlexEffron
Shopify Partner
2683 387 1051

Please provide your website url and if your website is password protected then also provide password

rachelouizemann
Tourist
4 0 0

Thank you for responding! should I send these details via Email? especially the password...

AlexEffron
Shopify Partner
2683 387 1051

You can share here also. No any risk. if you are not comfortable, then you can email me on parambabla.soft@gmail.com

rachelouizemann
Tourist
4 0 0

ok then, my url is https://rachel-ouizemann.com/ and the password is euyeot. 

Thank you,

Rachel

AlexEffron
Shopify Partner
2683 387 1051

This is an accepted solution.

Please place this code at the end of Online store -> theme -> edit code -> assets -> theme.scss file

 

#shopify-section-collection .product-card__title, #shopify-section-collection-template  .product-card__title {
    font-size: 16px !important;
}

 

 

rachelouizemann
Tourist
4 0 0

worked like a charm! Thank you very much!

RSS
Explorer
55 0 23

Hey @AlexEffron 

I'm also trying to achieve the same solution but for the title of the page instead. If the title of the page can be smaller and further down slightly from the navigation header (it is too close to the navigation atm). Can you please help?

LUK1
New Member
1 0 0

I tried to changed the title font size on my products (debut theme) and I can't. Can somebody help me with this?

 

AlexEffron
Shopify Partner
2683 387 1051

@LUK1 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

AlexEffron
Shopify Partner
2683 387 1051

@RSS 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

SANDRASUN
New Member
1 0 0

Hi there, 

I would like to change the product title size to smaller size, it's too big. Also to be changed when in the product page, I do not want it to be as big as the title of the website. 

Let me know if I can change it and if you can help

www.afterlifemode.com

 

Thanks so much in advance

Sandra