I'm pretty new to Squarespace, and am trying to get my captions to hover over my images in a masonry gallery. I've been researching, and seems Squarespace 7.1 has only just allowed captions with galleries? I've used the below code, and the captions do appear. However, I really want the captions to be as a hover option over the image. Does anyone know how to do this?
I've attached a screen shot of how the captions are currently showing on images.
Been driving me crazy and would love some advice! Thank you!
@Pandagal Is this the effect you're after? If so this could should get you started
/* Add this code to Design -> Custom CSS */
.gallery-caption {
position: absolute !important;
to
Question
Pandagal 1
Site URL: https://terrier-pelican-7hsm.squarespace.com
Hey, would love some help please!
I'm pretty new to Squarespace, and am trying to get my captions to hover over my images in a masonry gallery. I've been researching, and seems Squarespace 7.1 has only just allowed captions with galleries? I've used the below code, and the captions do appear. However, I really want the captions to be as a hover option over the image. Does anyone know how to do this?
I've attached a screen shot of how the captions are currently showing on images.
Been driving me crazy and would love some advice! Thank you!
x
figcaption.gallery-caption.gallery-caption-grid-masonry {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.5);
color: white;
left: 0;
text-align: center;
img:hover
}
Link to post
Top Posters For This Question
6
2
2
2
Popular Days
Jun 19
4
Nov 9
2
Aug 12
2
Aug 5
1
Top Posters For This Question
tuanphan 6 posts
Pandagal 2 posts
RyanDejaegher 2 posts
kristenblowfield 2 posts
Popular Days
Jun 19 2020
4 posts
Nov 9 2020
2 posts
Aug 12 2020
2 posts
Aug 5 2020
1 post
Popular Posts
RyanDejaegher
@Pandagal Is this the effect you're after? If so this could should get you started /* Add this code to Design -> Custom CSS */ .gallery-caption { position: absolute !important; to
Pandagal
This is brilliant! Thank you so much. Is it possible to make the white in the picture opaque? Slightly see through? If that makes sense! Thanks again.
kristenblowfield
@RyanDejaegher Are you able to provide the CSS for Gallery Grid: Simple rather than masonary? Many thanks!
Posted Images
19 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment