Hi, does anybody know how I can align product titles to the left and make the font smaller only for titles in the collection pages? I’m working with the impulse theme.
My pleasure to help you.
Welcome to the Shopify community!
Please share your store URL!
I will check out the issue and provide the correct solution to you!
Thanks!
https://www.marcoza.de/collections/vendors?q=Luxime
This is an example of a collection page
I want it to look like this.
The Vendor name needs to be bigger than the product title, and they need to be aligned to the left.
Please Add the following CSS code to your assets/theme.css bottom of the file.
[data-type_product_capitalize=true] .grid-product__title {text-align: left !important;}
.grid-product__vendor {font-size: 19px !important;text-align: left !important;}
Thanks!
No in the product tile the vendor name and product title should be aligned left. Like in this screenshot.
Please Add the following CSS code to your assets/theme.css bottom of the file.
[data-type_product_capitalize=true] .grid-product__title {text-align: left !important;}
.grid-product__vendor {font-size: 19px !important;text-align: left !important;}
Thanks!
1 Like
Thanks!
Thank you that worked. Now I have one more small question: the price is now really big and it doesn’t look well. Please check this screenshot
Is it possible to make the size of the price smaller, and remove the “Sparen €25,05” part only from the collection page?
1 Like
Please Add the provided CSS code to assets/theme.css bottom of the file.
.collection-content .grid-product__price--savings {display: none !important;}
.collection-content .grid-product__price {text-align: left !important;font-size: 14px !important;}
Thanks!
1 Like
Yes thank you very much. You’re a legend