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

7.1 Gallery Image Text Overlay


Recommended Posts

How do you add text to appear on top of an image in a gallery (Grid: Simple) in 7.1?

Yes, I have already added description text for each image. I've gone through all the design settings and seems like a limitation of 7.1?

Link to post
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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 t

Follow this   

Posted Images

  • 4 weeks later...
Posted (edited)

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:

//IMAGES NO BORDER//
.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}

//END IMAGES NO BORDER//

Below (and, attached) was the end result.

1394594396_ScreenShot2020-05-18at10_09_46AM.thumb.png.3d0693b04f8d556396414a387bf37584.png

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

 

Edited by kd_simmons
After some trimming to see what was essential, I was able to shorten the CSS code.
Link to post

Create an account or sign in to comment

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


×
×
  • Create New...