Aligning prices on dawn theme

Aligning prices on dawn theme

ypcollective
Excursionist
52 0 2

Id like to align the prices as such (similar to how the product vendors are aligned):  TIA

Balenciaga – Young Professionals Collective (ypcollective.com)

ypcollective_0-1723546100306.png

 

Reply 1 (1)

Sweans
Shopify Partner
396 76 117

Hi @ypcollective ,

 

Please see the solution below:

 

1. In your Shopify admin, navigate to "Online Store" under Sales  Channels. Click the three dots next to the theme you wish to edit, then  select "Edit Code"

2. Next you can find Main.css/theme.css/base.css/style.css(it will be based on your theme file)

 

Add this css code:

 

<style>
    .collection .card-information {
        min-height: 95px;
        position: relative;
    }
    .collection .price {
        bottom: 0;
        position: absolute;
    }
    @media screen and (max-width: 767px) {
      .collection .card__information h3 {
        min-height: 70px;
      }
    }
      
      
</style>

      

 

 

Result:-

Sweans_0-1723549163193.png

 

If you need further assistance, feel free to reach out!
I hope this helps! If it does, please like it and mark it as a solution!

Regards,
Sweans

- Was my reply helpful? Please Like and Accept the Solution or let me know by Buying me coffee!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me at info@sweans.com regarding any help.
- To know more about me check out www.sweans.com