Style The Gallery Captions

shrink_mobile_header.png

Description

Easily style the caption text in a slideshow or grid gallery section. 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.

// Gallery Caption Text //

.gallery-section .gallery-caption p {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  text-transform: normal;
  line-height: 1.2em;
  font-family: inherit;
}

// Gallery Caption Background //

.gallery-section .gallery-caption {
  background: #ffffff;
  padding: 20px 0px;
}

Customize

Gallery Caption Text: Feel free to adjust any of the text values to your liking.

Gallery Caption Background: Add extra padding and a background color behind the caption for an extra style.

This code will work for both the Slideshow and Grid layout gallery sections. Be sure to have Captions enabled in the settings.


Previous
Previous

Rounded Grid Gallery Images

Next
Next

Reformat Product Price in 7.1