Dawn template: aligning prices to the same line

Solved

Dawn template: aligning prices to the same line

pearlies
Tourist
6 0 2

Can anyone help me align all the prices on the front page of my website? 

I have chosen to display them as a collection on the homepage because it was the easiest way to control in which order they were displayed. The first two products are aligned simply because they have three rows of copy. 

 

pearlies_0-1663935118353.png

 

mypearlies.co.uk

coltib

Accepted Solution (1)
PageFly-Richard
Shopify Partner
4439 1016 1669

This is an accepted solution.

Hi @pearlies 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

.card__heading {

    height: 70px !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 7 (7)

DelightCart
Shopify Partner
1242 82 157

@pearlies Please send me store url.

Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

Gidex001
Shopify Partner
1 0 0

Hello, Based on the concept of your request, the very issue is not a technical one as it is due to some in-balance in the product description. Looking into the file sent above, you will see the first two product has the same number of row while the others have a lesser row. Focus on having the same number of row then with that, you will have the prices aligned on a single row 

SmallTask
Shopify Partner
973 41 55

Hi @pearlies,

 

Kindly share your store url

banned
pearlies
Tourist
6 0 2

mypearlies.co.uk

coltib

PageFly-Richard
Shopify Partner
4439 1016 1669

This is an accepted solution.

Hi @pearlies 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

 

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

 

.card__heading {

    height: 70px !important;

}

 

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

pearlies
Tourist
6 0 2

Richard, you are an absolute legend! 

That has done it! Thank you mate. 

Mkm2021
Tourist
13 0 1

ur amazing worked in 2023