Change the colour of the discount box, text and price - Prestige Theme

Topic summary

A user wants to customize the appearance of discount elements on their Shopify store using the Prestige theme. Specifically, they want:

  • Plain black text for the sale price
  • A white box with black font for the “SAVE 30%” label (instead of the current styling shown in their screenshot)

Two responses were provided:

Suggested approaches:

  • Check the theme’s built-in customization settings under Online Store > Themes > Customize for product/collection sections
  • Look for badge and sale price styling options in the theme editor (though color control is often limited)
  • Consider using Shopify apps or theme updates for additional styling controls

Current blocker:
The store has no active discounted products, making it impossible to test CSS solutions. One responder offered to provide custom CSS code once discount items are enabled.

Status: Awaiting the store owner to activate discounted products before custom CSS can be implemented.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.

Hi, I would like my discounted products to have plain back text where the price is, and for the SAVE 30% I would like a white Box with Black font.

Is this possible on the prestige theme?

Cabaneofficial.com

Thank you!

1 Like

The Prestige theme does have built-in settings to customize some label styles, but specific style changes like plain black text for sale price or custom colored discount badges usually require CSS tweaks or code changes.

What you can try without coding:
Check Theme Settings
Go to Online Store > Themes > Customize
Look for Product or Collection sections and see if there are any options to customize sale price styles or badge colors.

Use Shopify’s Theme Editor
Some themes let you toggle badges on/off or choose badge styles, but color control is often limited.

Apps or Theme Updates
Some Shopify apps or updated versions of Prestige may offer more styling controls.

Hi @CBOfficial .

Your store currently doesn’t have any discounted items, so it’s impossible to test. If you enable them, I can adjust it with a CSS ruleset.