Need a full width responsive gallery

[Bebe]

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.

GP Premium 1.2.94

[Bebe]

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?

[Leo]

Looks like you found lightweight grid columns already?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Leo]

I think WordPress Gallery would be another option: https://codex.wordpress.org/The_WordPress_Gallery

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bebe]

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

[Tom]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Bebe]

Tried it, but it’s not showing anything.

[Leo]

Did you add the captions in edit media?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bebe]

Yes

[Tom]

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/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Bebe]

The images have captions on them inside the gallery. Where are you talking about adding them?

[Bebe]

They seem to be adding captions to single images, but not images in a gallery.

[Leo]

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?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Bebe]

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.

[Bebe]

I got it to work. For some reason, I had to remove all the images and start from scratch.

[Author]

Posts