Hi! Usually when you add a tour item/tool tip, the subject element/overlay is somewhat highlighted and the background is either dimmed our blurred via the option (Should Be Content Under Overlay Blurred?). Is there any way to remove this dimming/blurring effect entirely? Basically I need the whole page to remain the same colour, and the tool tip to simply appear at the designated places. Help?
Thanks!
Hi Jess.
Just add this CSS:Â
.dpit-overlay{ Â Â display: none !important; }
Or just for specific tour:
#dpit-wrapper-<tour-id> .dpit-overlay{ Â Â display: none !important; }
Â
Thanks a lot. I tweaked it a bit (.dpintro-overlay) and it worked. 🙂
Can you also advise what is the selector for the tool tip itself, as I want to add a fade-in effect to it when it appears on the screen. Now that the overlay is disabled, it looks sluggish/not smooth at all when the tooltips appear abruptly out of nowhere. I'd like to add a transition effect but I just need to specify the selector itself - can you help please, thank you!
Â
Regards
Thanks for the update!
Would you be able to advise please on what is the selector so I can add css to the tooltips and make them appear with fadein. Thanks!
Hi - I'm using the "Light" theme, but I would like to change the background colour - can you help please with how to do that? Thanks!
Hi Jess,
style themes are now designed to be adaptive to accent color - it's automatically calculate a contrast and when it is evaluated as a low contrast with light background, it is switched to dark. I understand that this feature could be restrictive for cases as yours so I'm happy to find a solution for you.Â
OR you can use own CSS to set overlay background manually:
.dpit-overlay { Â Â background-color: <color of background> !important; }