Return to previous page

I want to change the Fake sale pop up icon. How do I do?

This topic has 6 replies, 2 voices, and was last updated 4 months ago ago by Luca Rossi

Sam

Participant

July 19, 2024 at 09:21

Hi,

I have two problems.

Q1, I want to change the Fake Sale pop-up icon. I tried to change the number, but it is not working.

Q2, How do you edit this notice border, border colour, background colour and text colour on the cart page?

How do I do?

Thank you.

Files is visible for topic creator and
support staff only.

#405806 Copied Theme version: 9.3.15

5 Answers
Luca Rossi

Support staff

July 19, 2024 at 11:30
Hi @Sam,

1. Leave it empty to remove the default icon, after that try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
#sales-booster-popup .sales-booster-popup-inner > div > span.heading {
    background: url(https://d1nhio0ox7pgb.cloudfront.net/_img/g_collection_png/standard/64x64/shopping_cart.png) left center no-repeat;
    background-size: contain;
}
```
2. Please add this custom CSS codes also:
```
body .woocommerce-message {
    border: 1px solid #f00;
    color: #f00;
    background-color: #f0f0f0;
}
```
Best Regards,
8Theme’s Team
#405853 Copied
Sam

Participant

July 19, 2024 at 15:39

Thank you very much.

Both codes are working.

But, the Fake Sale pop-up icon overlaps the text.

Please help me.

Thank you.

Files is visible for topic creator and
support staff only.

#405895 Copied
Luca Rossi

Support staff

July 19, 2024 at 16:57
Hi @Sam,

Please try the previous #1 CSS code to this:
```
#sales-booster-popup .sales-booster-popup-inner > div > span.heading {
    background: url(https://d1nhio0ox7pgb.cloudfront.net/_img/g_collection_png/standard/64x64/shopping_cart.png) left center no-repeat;
    background-size: contain;
    padding-left: 30px;
}
```
Hope it helps!
#405911 Copied
Sam

Participant

July 20, 2024 at 12:31

Hi,

This code is working.

Thank you very much.

#406001 Copied

Luca Rossi

Support staff

July 20, 2024 at 12:35

Glad we’re able to help.

Best Regards,
8Theme’s Team

#406004 Copied
Tagged: best selling themes, change fake sale pop up, customize woocommerce, improve woocommerce store, woocommerce icon change, woocommerce themes, woocommerce tutorial
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘I want to change the Fake sale pop up icon. How do I do?’' has been successfully resolved, and the topic is now closed for further responses

I want to change the Fake sale pop up icon. How do I do?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection