Hi everyone,
Does anyone happen to know of any code to move the previous and forward controls of the slideshow to the sides outside of the image?
Example 1 is what it currently looks like and example 2 is what I would like it to look like.
Example 1 slideshow currently includes this code for its current appearance -
.sqs-gallery-block-slideshow .sqs-gallery-controls .next,
.sqs-gallery-block-slideshow .sqs-gallery-controls .previous {
background: none; /*removes the original background behind the arrows*/
}
.sqs-gallery-block-slideshow .sqs-gallery-controls .next::before,
.sqs-gallery-block-slideshow .sqs-gallery-controls .previous::before {
background: white;
color: black;
font-size: 1em; /*this changes the size of the arrows*/
padding: 5px;
border-radius: 60%; /*remove this is you don't want the background rounded*/
}
Thanks for your help,
Sarah
example 1
example 2