how do i make the prices line up on the same level

Solved

how do i make the prices line up on the same level

nijntjelover
Explorer
78 0 14

hi

if you look on my home page and collection page, the prices are not lined up the same level automatically. can someone help thanks

 

https://b990d6-3.myshopify.com/

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4546 1039 1698

This is an accepted solution.

Hi @nijntjelover 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.price__container, .price__sale {
display: flex;
flex-direction: row;
}

</style>

PageFlyRichard_0-1722392870414.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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

View solution in original post

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
7601 1828 2241

Hi @nijntjelover 

Do you mean like this? 

Made4uoRibe_0-1722377092824.png

If it is check  this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.card__information {
    display: flex;
    flex-direction: column;
    height: 18vh;
    justify-content: space-between;
}

 

  • And Save. 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
nijntjelover
Explorer
78 0 14

this works for the collection page, however now I want the same on the home page! thanks for your help

PageFly-Richard
Shopify Partner
4546 1039 1698

This is an accepted solution.

Hi @nijntjelover 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.price__container, .price__sale {
display: flex;
flex-direction: row;
}

</style>

PageFlyRichard_0-1722392870414.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


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

nijntjelover
Explorer
78 0 14

Did not solve the issue yet!

nijntjelover
Explorer
78 0 14

it did solve, i had to remove something in my theme layout liquid