How to change the size and color of the price on the main page and the product page on the prestige theme

Store Design
,

Topic summary

Goal: Change the price text color and size on both the homepage and product page in the Shopify Prestige theme.

What was done:

  • A helper provided a CSS-based solution: add a block in theme.liquid, placed above the tag. It targets the selectors sale-price.h4.text-subdued and sale-price.h6.text-subdued to set color (e.g., red) and font-size (e.g., 16px), with !important to override theme styles.
  • The code was updated to ensure it applies on both the main (home) page and product page. The poster confirmed it worked and can be adjusted to preferred size and color.

Outcome:

  • The price styling change (color and size) is resolved and verified working on both pages.

Current status / next question:

  • The original poster asked if the product name’s color can also be changed to match on both the homepage and product page. No solution for the product name styling has been provided yet.

Notes:

  • The provided CSS snippet and its placement in theme.liquid are central to the solution.
Summarized with AI on November 26. AI used: gpt-5.
1

Hello,

I want to change the size and color of the price on the main page and the product page.

Currently using the prestige theme.

My site is www.upnycstore.com

Thank You

1 Like
2

Hey @hailkody

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 </ body> tag
<style>
sale-price.h4.text-subdued, sale-price.h6.text-subdued {
    color: red !important;
    font-size: 16px !important;
}
</style>

NOTE: Adjust the color and size to however you like
RESULT:

image
image501×517 14.8 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
3

Thanks for the reply.

does this work on the main home page as well?

1 Like
4

I have updated the code, now it will work for both pages.

Cheers,
Moeed

1 Like
5

that worked great.

Thank you very much

1 Like
6

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.

Cheers,
Moeed

1 Like
7

Can the color of products name be changed to match that of the price for both the main page and the product page?