Change Gallery Arrow Background - Jasper Template

Site URL: https://jachen.me/royal-deceit

Hello, I was wondering how to remove the background color for the arrows shown in the Gallery - Slideshow block. I am using the Jasper Template - here's a picture of what it currently looks like, I would like the grey rectangle around the arrow to be transparent.

Thank you! Is there anyway to also make the background transparent on hover?

Sure

.sqs-gallery-controls .previous:hover {
    background-color: transparent;
}
.sqs-gallery-controls .next:hover {
    background-color: transparent;
}

Thank you so much!

On 12/7/2021 at 11:26 AM, MidnightClub said:

Sure

.sqs-gallery-controls .previous:hover {
    background-color: transparent;
}
.sqs-gallery-controls .next:hover {
    background-color: transparent;
}

 

This is amazing. Is there a chance to change this code so that the controls are just visible on hover left and right?!

Would be lovely if you can help with that!!

On 11/2/2023 at 9:22 PM, SST said:

This is amazing. Is there a chance to change this code so that the controls are just visible on hover left and right?!

Would be lovely if you can help with that!!

You mean

Initial: hide these arrows

Hover on left/right: show arrows?