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

https://monchermoi.com/collections/dazzled-collection

1 Like

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

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

1 Like

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

1 Like

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.

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