Jump to content

jnmillre

Member
  • Posts

    4
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

jnmillre's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Hello, Is there any way to make it so gallery captions always are apparent in mobile view, but remain on hover in desktop view? As you can see in the screenshot, my mouse is hovering over the image with the caption visible. For mobile view, I want the captions to always be visible in this manner. This is the code I'm currently using: .gallery-grid .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); // overlay color height: 100%; padding: 0; opacity: 0; pointer-events: none; } .gallery-grid .gallery-caption-wrapper { display: flex; align-items: center; // center vertically justify-content: center; // center horizontally } .gallery-grid .gallery-caption-content { font-size: 1.2rem !important; // caption font size color: white; //caption font color padding: 1vw; // padding around the caption } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; max-width: unset; }
×
×
  • 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.