How can I left adjust product details on the collection page?

[blakelyhi]

I want to left adjust all product details on the collection page, they are centered currently and I'm having trouble targeting the right areas to make Product Name, Price, etc all flush left under the product image.

URL: https://afca7f-2.myshopify.com/

Example:

[theycallmemakka · Accepted solution]

Hi @blakelyhi ,

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

<style>
.product-item__text {
    text-align: left;
}
.product-swatches-options__list {
    justify-content: flex-start;
}
</style>

Result: 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[theycallmemakka]

Hi @blakelyhi ,

If you find this information useful, a Like would be greatly appreciated. 

[themissyco]

it's not working on my store (senses) 😞