Align prices on collection page - Broadcast

Store Design
,
1

image
image1628×323 80.6 KB

Hi

I would like my prices to be aligned on the collection page and also on the product recommendation section

I am using the Broadcast Theme

www.thebodyshop.co.nz

password: mimeey

2

You can try to add this code to Custom CSS in Theme settings and check

.product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

Screenshot 2025-10-13 at 14.52.48
Screenshot 2025-10-13 at 14.52.481920×677 76.8 KB

1 Like
3

Hi @TBS2023 ,
Go to Online Store > Themes > Actions > Edit Code > theme.css Add below code at the bottom of theme.css file

.grid-item.product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

image
image1366×633 143 KB

4

Hi @TBS2023
Go to Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
.grid-item.product-item {
display: flex;
flex-direction: column;
justify-content: space-between;
}