hsmq

Perfect! Thanks so much for your help!

Yes, it is on the homepage here https://www.johnmathewsculpture.com Thank you!

Thank you! That solved! Is there a way to now center justify the hover caption?

Hello, I used the first code in this thread and it worked great, thank you! How can I have the caption text in 3 lines instead of one on the hover? This is what I want: Rocking Duet Steel, Glass 4 x 2 x 1.5 ft This is what I currently have: Rocking Duet Steel, Glass 4 x 2 x 1.5 ft This is the current code I am using: figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: rgba(0,0,0,0.5); /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 0.75; } .gallery-masonry-item * { color: white; } /* remove gap */ figcaption { padding: 0 !important; } Thank you so much!