Debut theme align price height and center

Solved
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
Shopify Partner
3633 811 995

@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.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Excursionist
60 0 12

hi thankyou

www.bodyandabode.com.au 

pass: b&aenter

Shopify Partner
3633 811 995

@Binxieee 

Can you please provide a screenshot?

So I can understand your exact need.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
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

Shopify Partner
3633 811 995

@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.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Excursionist
60 0 12

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

0 Likes
Shopify Partner
3633 811 995

@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.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
Excursionist
60 0 12

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

0 Likes
Shopify Partner
3633 811 995

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.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes