Jump to content

7.1 Gallery Image Text Overlay

Recommended Posts

  • Replies 2
  • Views 9.1k
  • Created
  • Last Reply
  • 4 weeks later...

So, I went a completely different route and tried to use "image" blocks with "display caption on hover" and CSS to achieve the same effect. As the basis, I used my "Dark Bold" page color setting and then developed the following for my CSS:

.dark-bold.page-section {padding: 0 !important; width: 100% !important; overflow: hidden !important}

.dark-bold.page-section > .content-wrapper {display: contents !important}

.dark-bold.page-section .sqs-block-image {margin: 0 !important; padding: 0 !important; border: 0px !important}


Below (and, attached) was the end result.


Maybe this will help you in what you're trying to achieve!


Link to comment


This topic is now archived and is closed to further replies.

  • 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.