Circle Slideshow Reel Arrow Buttons

---

Description

Turn the arrow buttons within a slideshow reel into a circle. This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Slideshow Reel Arrows //

.gallery-reel-control-btn {
  color: #000000;
  opacity: 1;
  padding: 30px;
}

// Slideshow Reel Arrows Background //

.gallery-reel-control-btn::before {
  background-color: #FFFFFF;
  border-radius: 50%;
}

---

Customize

Slideshow Reel Arrows: Adjust the color, opacity, and padding to your liking.

Slideshow Reel Arrows Background: Change the background color to the color of your choice. Keep border radius set to 50% for a full circle.

This applies only to galleries set to Slideshow: Reel.

---