Hi
Can someone pls share a custom css code to change the tooltip B/G color from blue to orange (#ff6e3d) ?
The tooltip is found on the listing card module on 2 pages namely: (1) Home Page & (2) Listing page.
There are 3x tooltips on the card module ie Detail Video, Gallery & Preview.
The custom code code should apply to the 3x tooltip on the 2x pages.
Thanks in Advance.
This will change those tooltips everywhere sitewide.
.tooltip {
--bs-tooltip-bg: #ff6e3d!important;
}
If you only want it on the home page you can add the home page class as in the other thread.
.home-page .tooltip {
--bs-tooltip-bg: #ff6e3d!important;
}
For the listing page you will need to find another unique persistent class. I can see that this following class (.page-id-593) is added to the body but if its a dynamically changing class then this won’t work.
.page-id-593 .tooltip {
--bs-tooltip-bg: #ff6e3d!important;
}
I’m guessing you would want all tooltips that color anyway so I would start with the basic and then adjust if its incorrect.
.tooltip {
--bs-tooltip-bg: #ff6e3d!important;
}
Thanks again Paul.
Issue fixed. 
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.