Hello! I am creating a page with fullscreen rows and I have selected tooltip as a way of navigating and my problem is that it is not visible because it is the same color as the background and I have observed that in other templates there are other classes to be able to modify the tooltip, I would like to know if there is any option to choose the style of the tooltip or if I have to modify the tooltip by modifying css files, what file is it and what options do I have to modify it, thanks in advance and greetings.
Add this into the custom css box located in your Salient Options panel:
#fp-nav.tooltip_alt ul li .fp-tooltip .tooltip-inner { background-color: #fff!important;
}
#fp-nav ul li .fp-tooltip .tooltip-inner { color: #000!important;
}
thanks for your answer but it has not been effective for me(i tried to put different colors), I attached photos of the css implementation, in addition to the html structure of the tooltip, I also had another question related to the tooltip, when inserting an element from the templates provided by the template automatically has added a submenu to the tooltip(RED), I also wanted to know how these submenus can be modified.
Hello! I am creating a page with fullscreen rows and I have selected tooltip as a way of navigating and my problem is that it is not visible because it is the same color as the background and I have observed that in other templates there are other classes to be able to modify the tooltip, I would like to know if there is any option to choose the style of the tooltip or if I have to modify the tooltip by modifying css files, what file is it and what options do I have to modify it, thanks in advance and greetings.
Hello Galin,
Thanks for getting in touch with us.
Add this into the custom css box located in your Salient Options panel:
#fp-nav.tooltip_alt ul li .fp-tooltip .tooltip-inner { background-color: #fff!important; } #fp-nav ul li .fp-tooltip .tooltip-inner { color: #000!important; }Cheers
Hello Eliud,
thanks for your answer but it has not been effective for me(i tried to put different colors), I attached photos of the css implementation, in addition to the html structure of the tooltip, I also had another question related to the tooltip, when inserting an element from the templates provided by the template automatically has added a submenu to the tooltip(RED), I also wanted to know how these submenus can be modified.
Hey Again,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hello again,
Use the following CSS.
body #fp-nav ul li a.active span { box-shadow: inset 0 0 0 2px #ff5149; -webkit-box-shadow: inset 0 0 0 2px #ff5149; } #fp-nav:not(.light-controls) ul li a span { box-shadow: inset 0 0 0 8px #ff5149; -webkit-box-shadow: inset 0 0 0 8px #ff5149; }For the submenus, these are the row IDs
Thanks