"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. Home Page > Card Module > Tooltip screenshot Home page link Listing page > Card Module > Tooltip screenshot Listing page link 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."
"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."
Change the tooltip background color from blue to orange (#ff6e3d) for the listing card module on both the Home Page and Listing Page. Target three tooltips on the card module: Detail Video, Gallery, and Preview. Use custom CSS that specifically targets the card module tooltip selectors on both page templates to avoid sitewide overrides. Ensure the CSS overrides the existing blue background and set a contrasting text or icon color if needed. Place the custom CSS in the site’s custom CSS area or child-theme stylesheet and include !important if the theme styles are specific.
Read at SitePoint Forums | Web Development & Design Community
Unable to calculate read time
Collection
[
|
...
]