damonsun Posted April 18, 2020 Share Posted April 18, 2020 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 comment
tuanphan Posted April 22, 2020 Share Posted April 22, 2020 Follow this damonsun 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kd_simmons Posted May 18, 2020 Share Posted May 18, 2020 (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. Maybe this will help you in what you're trying to achieve! Edited May 18, 2020 by kd_simmons After some trimming to see what was essential, I was able to shorten the CSS code. IsaWP, moushi, damonsun and 1 other 4 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment