Make text smaller and align left only for collection titles

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.

@ecomlegend01

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!

www.marcoza.de

https://www.marcoza.de/collections/vendors?q=Luxime

This is an example of a collection page

@ecomlegend01

Please share the screenshot of what you want exactly

Thanks!

Screenshot 2022-09-08 at 12.22.16.png

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.

@ecomlegend01

Please check this screenshot

@ecomlegend01

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.

@ecomlegend01

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

@ecomlegend01

Please Add the provided CSS code to assets/theme.css bottom of the file.

Thanks!

@ecomlegend01

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

@ecomlegend01

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