How to change color of price on featured collection & product page (Debutify Theme)

Topic summary

A user wants to change the price color from grey to red for both the featured collection (Best Sellers section) on the home page and the product page. Specifically, they want to modify the original price (the crossed-out/strikethrough price) to display in red.

Technical Details:

Solution Provided:
A community member offered a CSS code snippet to resolve the issue:

  • Navigate to Theme Settings → Custom CSS
  • Add the code: .text-strike { color: red !important; }

This CSS targets the strikethrough price element and should apply the red color across both the featured collection and product pages. The discussion appears resolved with a straightforward technical solution.

Summarized with AI on November 11. AI used: claude-sonnet-4-5-20250929.

Hello i would like to change the color of the pricing on both the home page (featured collection (Best Sellers section)) AND product page.

so for the original price (the price that’s crossed out) I want it to be red. currently it is grey.

i am using debutify 6.0.2 theme.

site:

shopluumi.com

That’s a good idea. Do you need help with anything?

Hi,

Try this:

In your “Theme settings” (in the theme customizer), click Custom CSS and paste in this code snippet:

.text-strike {
color: red !important;
}

That should take care of it on both the featured collection in the home page and the product page.

Hope that helps.

1 Like