*Center the Price & sale price on Product page(Dawn)

Topic summary

A user sought help centering both the regular price and sale price on product pages (mobile and desktop) for a Shopify store using the Dawn theme.

Solution Provided:

  • Navigate to Online Store → Theme → Edit Code
  • Access the component-price.css file in the Assets folder
  • Add CSS code to hide the sale badge:
.price--on-sale .price__badge-sale {
  display: none !important;
}

Outcome:
The solution successfully resolved the issue. The user confirmed it worked as intended.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.

How would i center the price & sale price on Product page on moblie & web (dawn), we have added a images for example. Our website is https://munnafashion.com/ It would be highly appreciated if you could help us. Thank you.

Hi @munfas_uk

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Component-price.css

.price--on-sale .price__badge-sale {
    display: none !important;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

1 Like

Thank you! It worked.

1 Like