Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#fp-nav:not(.light-controls) ul li a span {
box-shadow: inset 0 0 0 8px rgb(230 47 58 / 0.8);
-webkit-box-shadow: inset 0 0 0 8px rgb(230 47 58 / 0.8);
}
body #fp-nav ul li a.active span {
box-shadow: inset 0 0 0 2px rgb(230 47 58 / 0.8);
-webkit-box-shadow: inset 0 0 0 2px rgb(230 47 58 / 0.8);
}
Hi,
id like to remove the background colour for the full page - one page dots on right hand side
1st image of how it currently is
2nd image is what I want,
Id also like the little dots to be red
thank you
Hey Again,
Try adjusting the Tooltip Style in here: .
Thanks
ThemeNectar Support Team
where can I find that option?
Hey Again,
You can edit it in the Metabox:
ThemeNectar Support Team
Hi,
thanks,
I made that change, where can I now change the colour of the dots and active page so it stands out better
how can I make the dots red?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#fp-nav:not(.light-controls) ul li a span { box-shadow: inset 0 0 0 8px rgb(230 47 58 / 0.8); -webkit-box-shadow: inset 0 0 0 8px rgb(230 47 58 / 0.8); } body #fp-nav ul li a.active span { box-shadow: inset 0 0 0 2px rgb(230 47 58 / 0.8); -webkit-box-shadow: inset 0 0 0 2px rgb(230 47 58 / 0.8); }Thanks
ThemeNectar Support Team
thanks very much