-
-
Notifications
You must be signed in to change notification settings - Fork 3.3k
Description
If I display a thumbnails strip in the light box, the image caption is hidden by the thumbnails:

See also my test album
What should I do to show the captions above the thumbnails?
I tried to fix the problem in CSS with the z-index:
`/* caption */
.pswp__custom-caption {
position: absolute;
color: #ffffff;
left: 50%;
transform: translateX(-50%);
text-align: center;
background: rgba(49,84,110,1.0);
opacity: 1;
padding: 12px 8px;
border-radius: 4px;
width: calc(100% - 32px);
bottom: 0px;
z-index: 1000000;
}
div.photoSwipe_innerthumbs {
position: fixed;
bottom: 0;
width: 100%;
overflow-y: auto; /* Show vertical scrollbar */
text-align: center;
z-index: 200000;
}
div.photoSwipe_innerthumbs img {
cursor: pointer;
margin: 3px;
object-fit: cover;
}`
but it does not work. If I remove z-index: 200000; the thumbnails are invisible.