Center alignment product price on Home page only - Debut theme 2020

Solved
Tourist
8 0 1

Hi, I've been looking for this a whole week. I want to center my product price on my home page. My product description and my review badges are all centered. Only price is still aligned on the left and that gives me enxiety.

I'm using the Debut theme, please help meScreenshot 2020-01-19 at 13.25.08.png

 

0 Likes
Highlighted
Shopify Partner
547 108 130

Hello 

 

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

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


For better answer always share your store url.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Tourist
8 0 1

Thank you @Guleria, I added the code but it did not work. Only the "soldout" label centered.

here's a link to my store: https://fineforeal.com/

0 Likes
Highlighted

Success.

Shopify Partner
547 108 130

remove previous css and use this one

.template-index dl.price {
    text-align: center;
    display: inline-block;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
8 0 1

You're a hero @Guleria ! Thank you so much

Do you also have a code for the Product recommendation section on the product page? Without the main product being engaged, main product has to stay aligned to the left

0 Likes
Highlighted

Success.

Shopify Partner
547 108 130
.template-product dl.price {
    text-align: center;
    display: inline-block;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Tourist
8 0 1

Amazing sir, worked perfectly  😎👏 


@Guleria wrote:
.template-product dl.price {
    text-align: center;
    display: inline-block;
}

 

0 Likes