Make price red on all pages - Horizon theme

Store Design
,
1

Hello! Can you please help me make the product price (only the normal price not the crossed one) another color? for example, id like it red.

1 Like
2

Hey @andreivasu

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1750186511977.png
Moeed_0-1750186511977.png1100×842 186 KB

If I managed to help then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Thank you sir I love you

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

5

Hey there!

Sure! Making the regular price red on all pages is pretty straightforward. Here’s how to do it with the Horizon theme:

Solution: Add custom CSS

  1. Go to Shopify Admin → Online Store → Themes → Actions → Edit Code
  2. Open assets/base.css or assets/theme.css
  3. Add this CSS at the bottom:
/* Make regular product prices red */
.price__regular .price-item--regular,
.price .price-item--regular {
  color: #ff0000 !important;
}

/* Alternative selectors if the above doesn't work */
.price-item.price-item--regular,
.money {
  color: #ff0000 !important;
}

/* More specific targeting for product cards and product pages */
.card__information .price .price-item--regular,
.product__info .price .price-item--regular {
  color: #ff0000 !important;
}

If you want a different shade of red, just replace #ff0000 with:

  • #cc0000 for darker red
  • #ff3333 for lighter red
  • #dc2626 for a nice modern red

The !important makes sure it overrides the theme’s default styling, and this will apply to product cards, product pages, cart, everywhere the regular price shows up.

Test it: Save the file and check a few product pages and your collection pages to make sure it’s working across the site!

Alternative approach: If you want more control over your site’s colors and styling without diving into CSS, I actually built an app called Easy Edits that lets you click on any price element and change its color instantly. No code needed - just point, click, and customize colors across your entire site!

Let me know if this works or if you need help targeting any specific price elements!