It works with all the other sliders, it is just the Flexslider that appears like this, and its the one I would prefer to use (of course) ??
The below CSS is that I get when I inspect with Firebug..
.flex-control-paging li a {
background-color:rgba(0, 0, 0, 0.498039);
background-position:initial initial;
background-repeat:initial initial;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(0, 0, 0, 0.298039) 0 0 3px inset;
cursor:pointer;
display:block;
height:11px;
text-indent:-9999px;
width:11px;
}
flexslid…ver=3.5.1
.flex-control-paging li a {
background-color:rgba(255, 255, 255, 0.498039);
background-position:initial initial;
background-repeat:initial initial;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(0, 0, 0, 0.298039) 0 0 3px inset;
cursor:pointer;
display:block;
height:11px;
text-indent:-9999px;
width:11px;
}
flexslid…ver=3.5.1
a {
color:#686868;
text-decoration:none;
}
style.css
a {
color:#383838;
text-decoration:none;
}
style.cs…er=79.9.9 (line 199)
a {
color:#2BA6CB;
line-height:inherit;
text-decoration:none;
}