Okay
  Public Ticket #1842052
How do you change the color of the dot navigation?
Closed

Comments

  • Sirenfes started the conversation
    January 4, 2019 at 6:55pm

    I would like to change the color of the dot navigation background on the homepage scroller. I would like the text to be white, and the background to be #231f20.

  •  3,030
    Andrew replied
    January 7, 2019 at 6:23pm

    Hi,

    Thank you for contacting us.

    You can try the following Custom CSS to change the tooltip background color and text color.

    #fp-nav.tooltip ul li .fp-tooltip div.tooltip-inner {
    background-color: #231f20 !important;
    color: #fff !important;
}

    Kind Regards

  • Sirenfes replied
    January 9, 2019 at 4:42pm

    This worked except for the little arrow that points to the dot. Is there a way to change that to the same color?

  •  3,030
    Andrew replied
    January 9, 2019 at 8:06pm

    Hi,

    You can use the following. Just change #fff to the color you would like to use.

    #fp-nav.tooltip ul li .fp-tooltip div.tooltip-inner:after {
    border-color: transparent #fff !important;
}

    Kind Regards