Site logo

Archived topic

Need a full width responsive gallery

15 replies · Started by Bebe on March 1, 2017

Viewing posts 1–15 of 16

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?

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

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.

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.

This archived topic is closed to new replies.