Align the price box on collection page - Broadcast

[TBS2023]

www.thebodyshop.ca

datsau

I am using the Broadcast theme

I would like to align all my prices box so they are less messy

[Arif_Shopidevs]

@TBS2023

You can use this css it will solve your issues

How to Add This to Shopify YourYour Theme:

1. Go to Shopify Admin → Online Store → Themes.
2. Click “Customize” on your theme.
3. In the theme editor, go to “Theme settings” (bottom left).
4. Scroll down and click “Custom CSS”.
5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

1. Go to “Online Store” → “Themes”.
2. Click “Actions” → “Edit code”.
3. Open base.css inside the assets folder.
4. Paste the CSS at the bottom and Save.

p.product-item__title {
    height: 38px;
}

[Dan-From-Ryviu]

Hi @TBS2023

You can try to add this code at the bottom of your theme.css file and check again

.product-item, 
.product-item .product-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-item .product-information,
.product-item .product-item__info { height: 100%; }