Invert Product Image Gallery Arrows


1. Plugin Info

Invert the color of the product’s image gallery arrows.

  • Works with Squarespace 7.1

  • Compatible with Simple Layout

  • Uses Custom CSS


2. Add this code to Custom CSS

// Invert Product Image Gallery Arrows - Ghost //

.ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control {
  filter: invert(1);
}

3. Customizable Options

  • Invert Arrow Color (From Black To White)


4. Plugin Notes

  • Product page must be set to Simple Layout in design settings.

  • Applies to the Slideshow gallery style.


Previous
Previous

Smaller Product Image Gallery Arrows

Next
Next

Product Image Rounded Corners - Simple Layout