- Posts
Hi
The dots are not displaying correctly on my page.
What should be a simple black dot for the first slide and grey dots for the rest of the slides, has an overlay of a blue box with a grey dot in the center.
It seems to be pulling this from my theme (twentytwentyone).
When I mouse over it, it will then show the black dot.
Do you have any idea how to fix this?
This is the test page.
https://ieprojects.art/pricing/I’ve tried to look through the code in wordpress’ text view, but it’s showing quotations as " and a little messy to figure out what’s going on.
I’m a Dreamhost customer and have access to the premium features, but I’m too far along in my site construction to switch to Crio.The code is appearing like this.
<div class=”boldgrid-wrap-row boldgrid-slider current-edit-as-row” data-config=”{"arrows":false,"autoplay":false,"autoplaySpeed":"10","dots":true,"infinite":true,"bgOptions":{"arrowsPos":"top","arrowsOverlay":false,"arrowsBgColor":"1","arrowsIcon":"angle","arrowsSize":"30","dotsPos":"bottom","dotsOverlay":false,"dotsColor":"#000000","dotsSize":"60"},"colors":{"arrowsBG":{"type":"class","value":"1","text":""},"dotsColor":{"type":"color","value":"#000000","text":"#ffffff"}}}” style=”margin-bottom: 50px;”>
Hi Ian,
Thanks for reaching out with your BoldGrid Post and Page Builder questions.
It’s true that your issues are stemming from problems with compatibility in Post and Page Builder and you TwentyTwentyOne theme.
I’ve come up with some custom code that should remove that background and display your slider dot colors correctly. Place this snippet in the custom CSS Editor section of your WordPress customizer.
button:not(:hover):not(:active):not(.has-background) { background-color: transparent !important; }I hope this helps! Please let us know if we can assist you further with this.
- The topic ‘Slider dots not displaying correctly with Post and Page Builder and TwentyTwentyOne theme’ is closed to new replies.
