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.

You may also like

Here are some other tutorials you may be interested in:
– Arrows & vertical thumbnails for Dawn’s product pages
– Dawn lightbox: responsive images, slider and arrows
– Improve your website’s safety: block right click, image copying and more

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.

Do you need something different?

If the tutorial above is not what you're looking for, please let us know what you need. We'll get back to you within 24 hours.

Request a free quote

Contact Us

Let us know what type of customizations you're looking for.

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...