Re: Discount price not centered - Da

Solved

How can I center sale prices on the Dawn Theme?

RaphaelSCND
Tourist
4 0 2

Hi ! I'm trying to center every single prices on my website (Except the product unique page). Here's the problem : right when one of my products's on sale, it appears to be align to the left.

 

Every single time I tried a specific code on the internet, it doesn't fix the problem and it doesn't make my prices centered when they're on sale. Here's what it looks like on my website right now : 

 

Capture d’écran 2024-03-12 134632.png

 

 

 

 

 

 

Does anyone know how to fix this problem?

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6893 1640 2025

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.price--on-sale .price__sale {
    justify-content: center;
}

 

And Save. 

Result:

Made4uoRibe_0-1710266648535.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 6 (6)

Sweet_Savior_3
Shopify Partner
1261 100 125

Hello @RaphaelSCND 

 

Welcome to Shopify Community

 

Can you please share your store URL ?

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
RaphaelSCND
Tourist
4 0 2
Made4uo-Ribe
Shopify Partner
6893 1640 2025

This is an accepted solution.

Thanks for the info, check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.price--on-sale .price__sale {
    justify-content: center;
}

 

And Save. 

Result:

Made4uoRibe_0-1710266648535.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RaphaelSCND
Tourist
4 0 2

It worked ! Thank you !

Made4uo-Ribe
Shopify Partner
6893 1640 2025

Hi @RaphaelSCND 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
RaphaelSCND
Tourist
4 0 2

Here's my store URL : https://scnd.ca/