Dawn theme: how to change the price color

Are you working on your Dawn theme’s design but having a difficult time figuring out how to change the price color? Don’t worry, it’s very quick and easy to change that. The following code will change the price across all pages, including the product page, cart page and also for all product thumbnails.

Making a backup of your current theme

Before diving into the tutorial make sure you download the theme, so in case you face any issues you can easily revert back.

Adding the code to your theme

  1. From your Shopify Admin go to: online store > themes > actions > edit code
  2. Find the file named base.css
  3. Paste the following code at the bottom of the file:

You can change the colors as per your wish. #FF0000 is the HEX color for all prices that are on sale, and #2d2d2d is the HEX color for the current price.

Shop

Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.Background with geometric patterns.

In need of a Shopify developer?

Feel free to reach out, we'll work together to find a custom solution that attend your needs.

Request a free quote

Contact Us

Contact us to learn more about how we can help grow your business. No strings attached.

Send us an e-mail and we'll get back to you within 24 hours! Before you click on "send message" please make sure to do the ReCaptcha so your e-mail can be sent safely. 🙂

Loading...