Debut theme align price height and center

Solved
Binxieee
Excursionist
60 0 12

hi there.

can someone please help me with a code of how to align price heights on my collections?

they are also currently center which i want to keep.

thanks

0 Likes
dmwwebartisan
Shopify Partner
4358 977 1244

@Binxieee 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Binxieee
Excursionist
60 0 12

hi thankyou

www.bodyandabode.com.au 

pass: b&aenter

dmwwebartisan
Shopify Partner
4358 977 1244

@Binxieee 

Can you please provide a screenshot?

So I can understand your exact need.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Binxieee
Excursionist
60 0 12

sure, so it looks like this currently, prices not aligned

Binxieee_0-1606704890929.png

and i want to look like this, prices all same height

Binxieee_1-1606704981945.png

dmwwebartisan
Shopify Partner
4358 977 1244

@Binxieee 

Please add the following code at the bottom of your assets/theme.css file.

.template-collection .product-card__title{
height: 50px;
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Binxieee
Excursionist
60 0 12

hi sorry this didnt seem to do anything? they are still showing the same

0 Likes
dmwwebartisan
Shopify Partner
4358 977 1244

@Binxieee 

Try the following but remember this is for the collection page only not for the home page.

.template-collection .product-card__title{
height: 50px !important;
}

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Binxieee
Excursionist
60 0 12

ok thanks. how can we do it for all pages?

0 Likes
dmwwebartisan
Shopify Partner
4358 977 1244

This is an accepted solution.

@Binxieee 

Remove old code and put this one for all pages.

.product-card__title{
height: 50px !important;
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes