Site URL: https://orchid-piano-9tpj.squarespace.com/ragnaroken
I have searched but not found the correct code. I want captions to appear on hover in the gallery - this I have found a code for.
I also want captions to appear when the image is opened in lightbox - this I can't find a code that does the trick. I want this on all pages.
This is the code I have for hover in galleries
figure.gallery-strips-item {
position: relative;
}
.gallery-caption {
position: static;
}
/* title */
.gallery-caption-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
padding: 7%;
transition: opacity ease 200ms !important;
opacity: 0 !important;
pointer-events: none;
}
.gallery-strips-item:hover .gallery-caption-content {
opacity: 1 !important;
}
/* overlay */
.gallery-strips-item-wrapper a:after {
background: #000000; /* overlay color */
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity ease 200ms !important;
}
.gallery-strips-item:hover .gallery-strips-item-wrapper a:after {
opacity: 0.75;
}
/* remove gap */
figcaption {
padding: 0 !important;
}