Centering featured product prices (Debut theme)

[lunamareid]

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

[Solutions1]

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]

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

[dmwwebartisan · 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!

[lunamareid]

Thanks! Everything seems good now!

[tjnc22]

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 🙂

[dmwwebartisan]

@tjnc22 

Please share your store URL.

[tjnc22]

https://www.thejnicolecollection.com/

thank you in advance

[tjnc22]

@dmwwebartisan 

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

THX!

[dmwwebartisan]

@tjnc22 

Please share your password.

Thanks!

[tjnc22]

@dmwwebartisan 

Pswd: Temp1!

THX!

[dmwwebartisan]

@tjnc22 

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

.product-single__title {
    text-align: center !important;
}

.template-product dl.price {
    align-items: center !important;
    text-align: center !important;
}

.product__policies {
    text-align: center !important;
}

Thanks!

[tjnc22]

Thank you so much @dmwwebartisan !!

[dmwwebartisan]

@tjnc22 

Welcome & thanks again.