Remove Arrow Backgrounds (Slideshow Gallery)

Install Steps

Remove Arrow Backgrounds (Slideshow Gallery)

Submitted by Delilah Pistol Works with all template families

Screen Shot 2019-05-21 at 2.38.18 PM.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

//Remove Slideshow Gallery Arrows Background //

.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
  background: none;
}
.sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover{
  background: none;
}

Step Three

You do not need to change any of the values or properties.

Please keep in mind that this only works with the Gallery Slideshow Block.

Save and refresh the page. 👍

Moov Labs