Shopify themes, liquid, logos, and UX
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:
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
Solved! Go to the solution
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;
}
Please provide your website url and if your website is password protected then also provide password
Thank you for responding! should I send these details via Email? especially the password...
You can share here also. No any risk. if you are not comfortable, then you can email me on parambabla.soft@gmail.com
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;
}
worked like a charm! Thank you very much!
Hey @Hardik29418
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?
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.
I tried to changed the title font size on my products (debut theme) and I can't. Can somebody help me with this?
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.
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
Thanks so much in advance
Sandra
hi there 🙂
do you know how i would do the same using the Craft 12.0.0 theme?
theme.scss is unavailable
thanks very much!
there is no such thing there. There is no theme.scss inside assets
what to talk about next?!
non-working material. I can't solve this issue, it's impossible to work
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024