Price alignment on collection page - debut theme

Store Design
1

Hi can anyone help me in this communith i’ve asked previously in the community for help, I’ve been trying to get the prices dead centered with the titles on the collection page but it does

seem to be working not matter which HTML code I tried and I have tried lots any help would be greatly appreciated, I have tried various different codes that have worked for others but for some reason it does not work on my site any help would be great appreciated please been struggling with this issue for a while any advide or help would be very greatly appreciated.

Center Pricing - Green.jpg
Center Pricing - Green.jpg1334×397 62 KB

Center Pricing - Green 2.png
Center Pricing - Green 2.png1292×397 72.4 KB

as you can see the prices are not dead centered with the title it it looks even worse on mobile viewing.

IMG_9938.jpg
IMG_9938.jpg1242×2208 147 KB

IMG_9937.jpg
IMG_9937.jpg1242×2208 158 KB

this is mobile viewing as you can see the prices are not aligned or dead centered with titles which makes it look very unproffessional.

please do you have a html code or some thing to change this.

eeuureekkaa.com - store url

password - jaysab

thanks!

2

Hey bro

Just add this at the bottom of your theme.css file and your good to go.

.price dd {
margin: 0 0 0 0 !important;
}

.price__regular, .price__sale {
margin-right: 0 !important;
}

You might not need the !important but it’s just there to ensure it overrides the existing css classes.

Regards,

Martin

1 Like
3

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 419px){
#Collection .grid .grid__item .grid-view-item .product-card__title {
    min-height: 55px;
}
}

@media only screen and (min-width: 759px) and (max-width: 1129px){
#Collection .grid .grid__item .grid-view-item .product-card__title {

    min-height: 40px;
}
}
1 Like
4

Thank you very much for your help this worked!!!

really appreciate it was honestly looking for more then a week thank you your a huge asset to the shopify community!

1 Like
5

Hi, thank you very much for your help although this did not work at this time

I appreciate you going out your way to help me

you are a huge benefit to everyone to shopify

6

Hi can you also help me as this solution not worked for me

I have changed the product-card code already for the image alt function