Gradient Slideshow Reel Arrow Buttons

---

Description

Add a gradient color of the arrow buttons within a slideshow reel. 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: #FFFFFF;
  opacity: 1;
  padding: 30px;
}

// Slideshow Reel Arrows Background //

.gallery-reel-control-btn::before {
  background: -webkit-linear-gradient(to top, #F07C63, #E45372);
  background: linear-gradient(to top, #F07C63, #E45372);
}

---

Customize

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

Slideshow Reel Arrows Background: Change all the background color values to the colors of your choice.

Please note this applies only to galleries set to Slideshow: Reel.

---