Solved

Is there any way to make the price always have the same height in the Dawn Theme?

matdantas
Excursionist
14 0 3

Is there any way to set the position of the items prices at the same height? A lot of time the position varies and it looks unpleasant, here is an example my store url is bellezinho.com.br

matdantas_0-1713193699035.png

 

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2129 609 474

This is an accepted solution.

Hey @matdantas,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.card > .card__content > .card__information {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713194115353.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2129 609 474

This is an accepted solution.

Hey @matdantas,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.card > .card__content > .card__information {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1713194115353.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
matdantas
Excursionist
14 0 3

It worked perfectly, thank you so much!

PageFly-Henry
Shopify Partner
1090 312 264

Hi @matdantas 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file base.css

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


.full-unstyled-link {

    min-height: 100px !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | 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.