Solved

Dawn Theme How to Center "Compare At Price" on webpage

iamdawnumcm
Excursionist
28 0 8
Accepted Solutions (2)

Ujjaval
Shopify Partner
1242 197 210

This is an accepted solution.

@iamdawnumcm 
Apply below css code into base.css file(online store->themes->base.css)

.price__sale {
    justify-content: center !important;
}

Ujjaval_0-1669881420464.png

 

View solution in original post

ZestardTech
Shopify Expert
5575 1008 1333

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

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

Screenshot :- https://prnt.sc/q6Sx-Ay7464o

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

Ujjaval
Shopify Partner
1242 197 210

This is an accepted solution.

@iamdawnumcm 
Apply below css code into base.css file(online store->themes->base.css)

.price__sale {
    justify-content: center !important;
}

Ujjaval_0-1669881420464.png

 

ZestardTech
Shopify Expert
5575 1008 1333

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:

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

Screenshot :- https://prnt.sc/q6Sx-Ay7464o

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ZestardTech
Shopify Expert
5575 1008 1333

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

PageFly-Victor
Shopify Partner
7865 1785 3070

Hi @iamdawnumcm ,

This is Victor from PageFly - Landing Page Builder App.

 

You can go to Online store => themes => actions => edit code  and add this code on file base.css

 

 

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

 


Hope this answer helps.
Best regards,
Victor | PageFly