Centering featured product prices (Debut theme)

Solved
lunamareid
Tourist
3 0 2

Hi, 

I have a problem centering the prices under the featured products on the frontpage. They don't seem to align with the product names. I have tried several different codes in theme.css, but none of them seem to work. Can someone help me out here?

Thanks in advance!

https://lunamare.shop

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@lunamareid 

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

#shopify-section-collection .price__regular{
margin-right: 0px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 13 (13)
Solutions1
Trailblazer
122 12 29

Hello lunamareid!

Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

.template-index dl.price {
text-align: center;
display: block;
}

Any issue can reach to me.

Thank,

Solution1

lunamareid
Tourist
3 0 2

Hi! Thanks, but this doesn't seem to work..

dmwwebartisan
Shopify Partner
9824 2236 3073

This is an accepted solution.

@lunamareid 

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

#shopify-section-collection .price__regular{
margin-right: 0px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

lunamareid
Tourist
3 0 2

Thanks! Everything seems good now!

tjnc22
Tourist
5 0 2

 

Hello. I'm having that same issue. The pricing for the Featured Collection on my homepage is not left aligning with the rest of the text. The price is right aligned for some reason.  I've tried both coding suggested on this board but it does not seem to work. Any suggestions would be greatly appreciated

 

Capture.PNG

dmwwebartisan
Shopify Partner
9824 2236 3073

@tjnc22 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
tjnc22
Tourist
5 0 2

@dmwwebartisan 

Did you have any suggestions? Let me know if you need my password.

THX!

dmwwebartisan
Shopify Partner
9824 2236 3073

@tjnc22 

Please share your password.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →