To change Gallery Block Carousel Arrow Position. You can follow these.
#1. Top Left – Top Right
Use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
top: 30px !important;
}
#2. Bottom Left – Bottom right
Use this code to Custom CSS
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
bottom: 0px !important;
top: unset !important;
}
#3. Top Left
Use this code to Custom CSS
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
top: 30px !important;
}
.sqs-gallery-controls .next {
right: unset !important;
left: 45px;
}
#4. Top Right
Use this code to Custom CSS
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
top: 30px !important;
}
.sqs-gallery-controls .previous {
left: unset !important;
right: 45px;
}
#5. Bottom Right
Use this code to Custom CSS
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
top: unset !important;
bottom: 0 !important;
}
.sqs-gallery-controls .previous {
left: unset !important;
right: 45px;
}
#6. Bottom Left
Use this code to Custom CSS
div.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
top: unset !important;
bottom: 0 !important;
}
.sqs-gallery-controls .next {
right: unset !important;
left: 45px;
}
