This tutorial enables you to display any number of images inline. The images re-size perfectly on all screen sizes right down to held held mobiles.
Watch the following demo video which tests the mobile responsiveness.
The code also enables you to display the gallery full screen width so there’s no padding or margins for the gallery or any space in between each gallery image.
This solution also enables you to:
- Add captions below each image
- Float caption text over the center of each image
- Show caption text on hover with hover effects
- Link each image to any URL
- Style each caption differently
- Style each gallery item image differently
Tested on the Enterprise Pro child theme by StudioPress.
Here’s the code for logged in members: