Edit the Gallery Captions

What does this code do?

This code snippet will allow you to edit the style of the gallery captions.

Code Snippets

Choose the code that matches your situation and copy and paste it into the Custom CSS.

/* All Gallery Captions */
.gallery-caption p {
CODE GOES HERE
}

/* All Grid:Simple Gallery Captions */
.gallery-grid .gallery-caption p {
CODE GOES HERE
}

/* All Grid:Strips Gallery Captions */
.gallery-strips .gallery-caption p {
CODE GOES HERE
}

/* All Grid:Masonry Gallery Captions */
.gallery-masonry .gallery-caption p  {
CODE GOES HERE
}

/* All Slideshow:Simple Gallery Captions */
.gallery-slideshow .gallery-caption p {
CODE GOES HERE
}

/* All Slideshow:Full Gallery Captions */
.gallery-fullscreen-slideshow .gallery-caption p {
CODE GOES HERE
}

/* All Slideshow:Reel Gallery Captions */
.gallery-reel .gallery-caption p {
CODE GOES HERE
}

/* One Gallery */
[DATA SECTION ID] .gallery-caption p {
CODE GOES HERE
}

Then add the properties you want to change where is says CODE GOES HERE.

  font-family: "ariel" !important; //font type
  font-size: 1.4rem !important; // size of the font
  color: red; // font color
  font-style: italic !important; // make font italic
  font-weight: 700 !important; //make font bold

How To Use It

1. Copy and paste the code as indicated above.

2. For more information on where to paste the code, check out our Start Here guide.

3. For more information on where to find the Data Section Id, check out our Start Here guide.

4. Customize the properties.