Jump to content

jazzzz

Member
  • Posts

    1
  • Joined

  • Last visited

jazzzz's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. @tuanphan Hi Tuan, I'm having a similar issue. I have a masonry gallery set up on my site and I would like the captions to appear on a hover and also have the captions appear under the image in lightbox. I've figured out how to get the captions in hover, but can not find a way to have the captions appear in the lightbox. Can you help with this? My site URL is www.artdontsleep.com Here is the code I have currently in my CSS for the hover functionality: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1rem !important; /* caption font size */ color: white; /*caption font color */ padding: 1vw; } .gallery-masonry-item { position: relative; } .gallery-masonry-item:hover .gallery-caption { opacity: 100; } .gallery-caption-grid-masonry { transition-delay: 0ms; } .gallery-masonry-lightbox-link:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.