Hello,
I can’t seem to find where I change the background colour of the landing page tooltip “Watch our promo Video” on Enfold-Startup template from black to another colour?
Hey katielherpiniere,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top .avia-tooltip,
.avia-tooltip .avia-arrow {
background-color: blue;
}
Just change the color. Hope this helps :)
Best regards,
Nikko
Thank you, but sadly that changed the background for all the tooltips in the site. The rest of the site and further down the homepage had white backgrounds for tool tips, but just the one on the initial lading page slider image was black, and its just that one black one I want to change. without changing the background on all the white one s on the rest of the site.
Hi,
Please provide a link to the site so I can see the exact element you want to target.
Best regards,
Jordan Shannon
Hi,
Apologies, I’m not seeing the other tooltips as black. The ones further down on the same page are being viewed as white. Let me know if this is still causing an issue for you.
Best regards,
Jordan Shannon
Hi,
Try using this css code instead:
#top > .avia-tooltip,
#top > .avia-tooltip .avia-arrow {
background-color: #189e00;
}
just make sure > isn’t changed to &_gt_; (without the _). Hope this helps :)
Best regards,
Nikko
Hi,
I checked the code and it > was replaced with &_gt_; (without the _), I just replaced it and it works fine. Let us know if you need more assistance :)
Best regards,
Nikko
Fantastic thank you
Hi,
Glad we could help. Thanks for using Enfold :)
Best regards,
Nikko