Return to previous page

Color Of The “Sale” Tab, Product On Home Page

This topic has 4 replies, 2 voices, and was last updated 1 years, 7 months ago ago by Tony Rodriguez

TFS

Participant

September 23, 2022 at 05:21

Hello,

When a product is on sale and is displayed on the home page, there is small text button in which it says “SALE” (located on the top left) the color is appearing as orange but I want to edit this color.

How can I do this?

Also the normal price and sale price when displayed on the home page for a product is showing as gray and orange. I edited the colors to show as black and red. The color edit is only showing on the product page and not when the product is displayed on the home page.

Example; https://xstore.8theme.com/elementor/demos/niche-market02/

Product located on the top right, image of a yellow hoodie, prices are $705 and $545.

How can I edit the colors for this?

Thanks for your help!

#334828 Copied Theme version: 8.3.3

3 Answers
Tony Rodriguez

Support staff

September 23, 2022 at 06:54
Hello, @TFS,

1- Now, in order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> WooCommerce >> Shop Elements >> Sales & out of stock & New from there you will be able to change the color see the image: https://postimg.cc/dZjxYH7M

2- In order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and paste the below code at the bottom of the CSS box there.
```
.price ins .amount{color:red !important;}
del{color:black !important;}
```
Then save settings and check back to your site after clearing the browser cache. The result will appear like this: https://postimg.cc/cK9cWq4G

Regards 8Themes Team.
#334848 Copied
TFS

Participant

September 23, 2022 at 22:07

Hello Tony,

Thanks so much!

Appreciate your help.

#334920 Copied

Tony Rodriguez

Support staff

September 24, 2022 at 05:21

Hello, @TFS,

Sounds Great! that your issue has been solved.

Thanks for contacting us.
Have a great day 🙂

Case Closed!

Regards 8Themes Team.

#334938 Copied
Tagged: best selling, color, home page, product, sale, themes, woocommerce
Viewing 4 results - 1 through 4 (of 4 total)