Okay
  Public Ticket #1055139
Page Full Screen Rows - color of dot navigation
Closed

Comments

  •  2
    bolther started the conversation
    February 9, 2017 at 12:02pm

    Thank you for developing and maintaining such a brilliant theme!

    I'm building a new front page for my site using the Page Full Screen Rows feature. Works like a charm! 

    Only problem is that I have both dark and light background images so the dot navigation isn't visible on the dark ones. Is there a fix for this?

    I do know that I can change the type of dot navigation but I much prefer the transparent one.

    Thanks in advance!

    Jesper

  •  8,466
    Tahir replied
    February 9, 2017 at 4:39pm

    Hey Bolther, 

    Appreciate the Kind Words. 

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body #fp-nav:not(.light-controls) ul li a.active span {
    box-shadow: inset 0 0 0 2px #fea;
    -webkit-box-shadow: inset 0 0 0 2px #fea;
}
#fp-nav:not(.light-controls) ul li a span {
    box-shadow: inset 0 0 0 8px #fea;
    -webkit-box-shadow: inset 0 0 0 8px #fea;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    bolther replied
    February 9, 2017 at 5:17pm

    Works perfectly! Thank you so much, Tahir :)!

    - Jesper