Lightbox-only caption photo gallery with CSS?

Is there a way to make captions appear only in the lightbox when pressed in the photo gallery? I keep searching other threads and I keep injecting CSS through the Website > Website Tools, and nothing changes on my site at all. I also only have the personal plan so I cannot use Java.

I really like the "Wells" template and how the photo captions appear on the corner of the site, and I'd love to implement something like that into mine.

You'll need to share the website for us to take a look.

9 hours ago, KwameAndCo said:

You'll need to share the website for us to take a look.

https://www.lianademarco.com/ , I want all of the captions to only appear in the lightbox 🙂

This would require javascript as it is not possible with pure CSS unless you wish to manually re-add.

That would also not be accessible. I might have a plugin I've created for this somewhere lying around in but it would definitely require javascript.

On 3/2/2024 at 3:59 AM, tuanphan said:

You can use a CSS code like this (Website > Website Tools > Custom CSS)

[data-slide-url]:after {
    display: block;
    color: black;
    z-index: 99999;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
[data-slide-url="u912u88ef4rhh05pptrzi3tazv1pr4"]:after {
    content: "Feral Goats on Slievecarran";
}
[data-slide-url="1kv0c7bmb7tf9i671nq7zlvzvor0nf"]:after {
    content: "Bouleevin-Sunrise";
}
[data-slide-url="9fdxxom6mdst2k89vrmsk0tph2qbgg"]:after {
    content: "Doonties-Gateway-Dingle-Peninsula.jpg";
}

Result

To find data-slide-url, you can open lightbox > right click anywhere on the page > Inspect

It will show a box on right or under screen > You can search data-slide-url

it will show all

 

This works amazing! Thank you so much for your help! 🙂