Archived topic
Need a full width responsive gallery
15 replies · Started by Bebe on March 1, 2017
Need a full width responsive gallery here
http://absolutewebdesigns.co/casey/floral/
that I can set to 4 columns and would resize according to the browser. I've tried sections, but it doesn't allow a layout for 4 columns.
Never mind, I got it sorted out with the column plugin.
What css would be applied to overlay the caption on top of the image?
Looks like you found lightweight grid columns already?
I think WordPress Gallery would be another option: https://codex.wordpress.org/The_WordPress_Gallery
The gallery won't work, as I need it to go full width responsive, and that gallery won't do it.
What I'm looking for is to overlay the caption on top of the bottom half of the image...sort of like this
http://tutorialref.com/images/opacity-over-image-clickable-text.png
Give this CSS a try:
.wp-caption .wp-caption-text {
padding: 8px 10px;
margin: 0;
background: rgba(0, 0, 0, 0.5);
color:#FFF;
position:absolute;
bottom: 0;
left: 0;
}
.wp-caption .wp-caption-text a,
.wp-caption .wp-caption-text a:visited,
.wp-caption .wp-caption-text a:hover {
color:#FFF;
text-decoration: underline;
}
Tried it, but it's not showing anything.
Did you add the captions in edit media?
Yes
Hmm, I'm not seeing any sign of captions being added to those images.
Perhaps using a plugin would be better?: https://en-ca.wordpress.org/plugins/gallery-by-supsystic/
The images have captions on them inside the gallery. Where are you talking about adding them?
They seem to be adding captions to single images, but not images in a gallery.
This is the place I'm talking about: https://s24.postimg.org/wn8es9xad/caption.jpg
Just tested it the captions are inserted both in single image and gallery.
Do you have a plugin conflict by any chance?
Not that I'm aware of. And that's where I'm adding captions. I'm using the standard wordpress photo gallery to insert these.
I got it to work. For some reason, I had to remove all the images and start from scratch.