Gallery captions

This topic has 1 reply, 2 voices, and was last updated 3 months, 3 weeks ago by iceable.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
June 9, 2022 at 8:02 pm #25507

skeeter0630June 9, 2022 at 8:02 pmReply to: Silverclean Lite Support
skeeter0630
Participant

How can I shorten the captions below every picture in the gallery so they don’t interfere with the picture next to it? Also, is there a way to make all the pictures the same size?

June 10, 2022 at 1:42 pm #25509
iceableJune 10, 2022 at 1:42 pmReply to: Gallery captions
iceable
Keymaster

Support
Happy with my help?
Buy me a beer!
Hi, this snippet will help with the captions, copy/paste it in Appearance > Theme Options > Code & CSS > Custom CSS:
```
#page-container .gallery-columns-3 .gallery-item {
  padding: 0 0.75em;
  width: calc(33% - 1.5em);
}
```
It will add some padding on the left and right of each image+caption wrapper, which will prevent caption from getting to close to one another.

As for making the picture the same size, technically it could be forced with CSS, but this will cause some clipping and probably won’t look good when the images don’t have the same ratio and orientation.
A better option would be to prepare the images first (i.e. adapting size and ratio) before adding them to the gallery (possibly a bit tedious though).

Alternatively you could try to use a plugin that specializes in galleries for WP to do handle it for you. Here are a few plugin options you may want to have a look at:
NextGEN Gallery: https://wordpress.org/plugins/nextgen-gallery/
Envira Photo Gallery: https://wordpress.org/plugins/envira-gallery-lite/
FooGallery: https://wordpress.org/plugins/foogallery/
Modula Image Gallery: https://wordpress.org/plugins/modula-best-grid-gallery/
Author

Posts