How to change attribute swatch tooltip color

I would like to change the background color and text color for the attribute swatch tooltip that appears on hovering over the variation.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for your question! We appreciate you reaching out to us

With the help of the below custom CSS code, you can change the style of the tooltip. Paste it to the “Global Custom CSS” area that is situated in Theme Settings -> Custom CSS.

.wd-tltp .wd-tooltip-label, .tooltip .tooltip-inner {
    background-color: #E96677;
    color: #333;
}

 
.wd-tltp-top .wd-tooltip-label:before, 
.tooltip.bs-tooltip-top .arrow {
    border-top-color: #E96677;
}

If you ever need to reach out to me, please do not hesitate to do so.

Kind Regards

Thanks that worked great!! Now can you tell me how to change the “Filter” text on the archive page? I want to replace it and add text “Sort”

Attachments:

You must be logged in to view attached files.

Hello,

The “Filters” text can be changed with the help of the “Loco Translate” plugin. Also, I replicated it on my side so you can just check the video by the link below.

https://monosnap.com/file/ESBRD5c0YCQ3MyyUMWsQNet0xpw1FR

https://gyazo.com/76675db849800c601d1c83a42ec631c4

Let me know if there is anything else I can help and have a good day!

Kind Regards

[Author]

Posts