Change colour of dots - Fullscreen Slider navigation
-
Hi, I would like to change the colour of the navigation dots within the Fullscreen Slider plugin, is that possible?
Cheers
Rocco -
Dear @metapublishing
Could you post a link to the website in question and i will take a look :)
Best wishes
Richard -
Hi Richard,
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 -
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 -
Dear @Richard-Keith,
Thanks for your quick reply.
It works!
Best,
Rocco -
Dear Rocco @metapublishing
Awesome! super happy to help
Website looks great & good luck!Best wishes
Richard
Need custom programming for your Lay Theme site?
I regularly add new features to Lay Theme for free, based on user feedback. But if you or your client need something more specific, I’m happy to offer custom paid programming tailored to your project.
Email info@laytheme.com with the subject "Custom paid programming for Lay Theme" and a short description of what you need — I’ll reply with a cost estimate.
Custom features I build often make it into future Lay Theme updates, so your idea might benefit the whole community.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it