Change colour of dots - Fullscreen Slider navigation

[metapublishing]

Hi, I would like to change the colour of the navigation dots within the Fullscreen Slider plugin, is that possible?

Cheers
Rocco

[Richard]

Dear @metapublishing

Could you post a link to the website in question and i will take a look :)

Best wishes
Richard

[metapublishing]

Hi Richard,

https://learnimals.info/

I tried to figure out the right way to do it with the inspector and apply custom CSS but I didn't find a solution.

Can you suggest a solution?

Best,
Rocco

[Richard]

Dear Rocco @metapublishing

Try applying the following code into "Lay options - Custom CSS & HTML"

#fp-nav ul li span {
    background-color:red !important;
}

Changing the 'red' to your desired colour.

Additionally,
When the other bullet points are not active they are dull because a 'opacity: 0.25' to applied to them.

If you wish to have control over how strongly they appear against the active bullet point, play with the 'opacity' level of this code:

#fp-nav ul li a span {
    background-color:red !important;
    opacity: 0.5;
}

Best wishes and good luck!
I hope this helps.

Sincerely
Richard

[metapublishing]

Dear @Richard-Keith,

Thanks for your quick reply.

It works!

Best,
Rocco

[Richard]

Dear Rocco @metapublishing

Awesome! super happy to help
Website looks great & good luck!

Best wishes
Richard