Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Overlay Text Block on Gallery Section Image?



  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

This answer is from an older thread but I think it should still work for you. It will not work for any gallery block that doesn't have lightbox option, like a crousel slideshow. 

Yep, you can do this with some Custom CSS. On your  page where the Gallery is, go to each image and enter the "bio" text into the Title/Description fields for each image. [edit] You must also enable "Lightbox" in the Gallery's Design Tab! 

Under that page's SETTINGS pane, go to the Advanced Tab and add this code to the "Page Header Code Injection 

div.sqs-lightbox-meta {
 background-color: rgba(255, 255, 255, 0.500);
 height: 90%;
 padding: 50px !important;
.yui3-lightbox2 .sqs-lightbox-meta {
 opacity: 100;
 color: #000;
 font-size: 40px;
Edited by derricksrandomviews
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...