Sure. Add this to your theme’s style.css file:
.soliloquy-container .soliloquy-prev, .soliloquy-container .soliloquy-next { background: none !important; width: auto !important; text-indent: 0 !important; }
From there you can style the numbers are you see fit.
Hi Thomas,
Your styling targets the next and previous arrows. I am asking if there’s a way to replace the small circles on the bottom left with numbers.
Thanks.
Also looking to see this as a feature.
@agaldesign and @jhoffmcd, you guys can change that circles to numbers by changing some of it’s styles
[Dashboard -> Plugin Editor -> select Soliloquy Lite -> select soliloquy-lite/css/soliloquy.css file]
for example, below code will show a white colored numbers on the default transparent-black background.
.soliloquy-container .soliloquy-control-nav{
bottom: 10px;
line-height:0;
list-style:none;
margin-left:5px;
position:absolute;
z-index:30
}
.soliloquy-container .soliloquy-control-nav li{
display:inline-block;
margin:0 0 0 5px;
zoom:1
}
.soliloquy-container .soliloquy-control-nav li a{
cursor:pointer;
display:block;
float:left;
height:14px;
position:relative;
width:14px;
z-index:50;
color: #fff;
}
.soliloquy-container .soliloquy-control-nav li a:hover,.soliloquy-container .soliloquy-control-nav li a.active,.soliloquy-container .soliloquy-control-nav li a.soliloquy-active{
}
hope that helps!
I found if you just delete the references to circles in the CSS the plugin seems to revert to using numbers as a default.