Help Aligning product images & titles on collection pages (Warehouse theme)

Store Design
, , , ,
1

Hi everyone,

I am using Warehouse theme, but on each collection page, the products are all mis-aligned. if you go to this page, you will see: https://trade-warehouse-1947.myshopify.com/collections/waterbutt

Could someone please help me with some custom CSS to align all the products?

Many thanks

Elliot

2

Hi [email removed]Elliotmch1,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.product-item__info-inner{
text-align: center !important;
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Hi Victor

Thanks for your reply.

That code centers the titles on the collection pages, however I would like to line up the prices and titles so that everything is in one line. For example, in the image below, you can see the prices are on different lines. I would like to ensure the product title and price are inthe same line.

elliotmch1_0-1678962911984.png
elliotmch1_0-1678962911984.png1245×852 209 KB

Kind regards,

Elliot

4

you can add

.product-item__info-inner{
text-align: center !important;
}
.product-item__info-inner .product-item__title{
min-height:70px
}
5

Amazing - worked perfectly, thank you.

Kind regards,

Elliot

6

You are welcome. I’m glad when I can help you :heart_eyes: