CBGreenhouses Posted April 15, 2021 Share Posted April 15, 2021 Site URL: https://www.cedarbuiltgreenhouses.com/8-portico Hello, Please see the gallery of "Jane's Greenhouse": I'd like to have my captions display not only on hover in the lightbox view of my gallery. Is there a way to make the captions of each image permanently appear while in lightbox view of a gallery like this? Link to comment
tuanphan Posted April 17, 2021 Share Posted April 17, 2021 On 4/16/2021 at 1:30 AM, CBGreenhouses said: Site URL: https://www.cedarbuiltgreenhouses.com/8-portico Hello, Please see the gallery of "Jane's Greenhouse": I'd like to have my captions display not only on hover in the lightbox view of my gallery. Is there a way to make the captions of each image permanently appear while in lightbox view of a gallery like this? Add to Design > Custom CSS /* Make caption always visible */ .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; } 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
CBGreenhouses Posted April 19, 2021 Author Share Posted April 19, 2021 On 4/17/2021 at 1:34 AM, tuanphan said: Add to Design > Custom CSS /* Make caption always visible */ .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; } Thanks so much for this. I've implemented this but are you able to make it so the dark grey overlay appears behind my white text (not only on mouse hover?) It's difficult to see the words without it. Link to comment
Solution tuanphan Posted April 21, 2021 Solution Share Posted April 21, 2021 On 4/19/2021 at 11:37 PM, CBGreenhouses said: Thanks so much for this. I've implemented this but are you able to make it so the dark grey overlay appears behind my white text (not only on mouse hover?) It's difficult to see the words without it. Use new code /* Make caption always visible */ .yui3-lightbox2 .sqs-lightbox-meta { opacity: 1 !important; background-color: rgba(0,0,0,0.75) !important; } 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
CBGreenhouses Posted April 22, 2021 Author Share Posted April 22, 2021 You, sir, are a hero. Thanks!😀 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