"Colour Changes Needed In Popups; Custom Icons?" (#3520116) / WPClever Support Forum

Comments

2
Brad started the conversation
November 12, 2023 at 3:48am
Hello, I just purchased a premium license for Smart Wishlists and I need help with colour changes for some of the popups - I am attaching examples here of the problematic areas.

I am also wondering if there is a possibility of using custom icons for the add to wishlist links under items?

Thanks - I am on day 1 of the premium license so I am hoping we can address these issues sorted before my refund window closes.

The site I am working with it here: https://www.eyeandearcontrolrecords.com/wp/

Thanks!

Brad
Attached files:  wishlist popup warning colour change needed.PNG
  wishlist popup colour change needed.PNG
  wishlist broese popup colour change needed.PNG
767
Janilyn replied
November 13, 2023 at 4:07am
Hi Brad,

Thank you for contacting WPClever Support Forum.

We’ve received your ticket and assigned one of our developers to help you with that.

He’ll be looking into your question and responding with specific instructions as soon as possible.

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.
Janilyn T. - WPClever Support Agent
2
Brad replied
November 13, 2023 at 4:44am
Great, thank you!
2
Brad replied
November 15, 2023 at 2:19pm
Hello, I'm wondering if it's possible to get an extension on my refund window until this ticket is addressed. I get that you guys are busy and I do appreciate that this is a one-time payment and that that places certain constraints on what you can do in a certain time frame, but I would like to be assured that whatever solution is proposed is actually going to work, otherwise I would probably refund and keep my current solution with its own issues...

1,225

Dustin replied

November 20, 2023 at 4:06pm

Hi Brad,

I'm so sorry for the late reply!

#1. Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woosw-popup .woosw-popup-inner .woosw-popup-content, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
    background-color: #222;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
    background-color: #121212;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner .woosw-item--actions {
    width: 120px;
    flex: 0 0 100px;
}

And the result https://app.screencast.com/JzSvwq6UTaFE4

If you need to change the style for any parts on the wishlist popup, let me know and I'll write CSS code for you.

#2. About the icon:

Please provide the icon that you want to use for the Add to Wishlist button.

Best regards,
Dustin

2
Brad replied
November 20, 2023 at 4:25pm
Hi Dustin, thank you, that worked perfectly.
As for the icons this is what I was hoping to use:
Item before being added to wishlist:

Item already in wishlist:
Thanks again!

1,225

Dustin replied

November 20, 2023 at 4:53pm

Please add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woosw-btn .woosw-btn-icon {
    display: none !important;
}
.woosw-btn {
    padding-left: 20px;
    background-image: url('https://www.eyeandearcontrolrecords.com/wp/wp-content/uploads/2023/11/1853_symbol-of-chaos.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 0 2px;
}
.woosw-btn.woosw-added {
    background-image: url('https://www.eyeandearcontrolrecords.com/wp/wp-content/uploads/2023/11/inv-1853_symbol-of-chaos.png');
}

And the result https://app.screencast.com/z0juEdk3DgKGi

Best regards,
Dustin

2
Brad replied
November 20, 2023 at 5:23pm
Great, thanks again!
1 Like