Grid Gallery Title Labels


Description

Add a title label to images in a grid gallery block. This plugin uses css editor and works with all template families.


How To Install

Insert a Gallery Block on your page, upload your images, and give each image their own title.

 

From the Design style setting, adjust to your liking. Be sure to add your titles to each image and to enable the Show Title setting.

When done, save the gallery and page.

 

Next, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Grid Gallery Label Titles //

.sqs-gallery-block-grid .image-slide-title {
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px !important;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  box-sizing: border-box;
}

Customize

Feel free to adjust the background, color, font weight, font size, and padding to your liking.


Previous
Previous

Align Images To The Left

Next
Next

Slashy Navigation