Hi everybody,
I want the hoover text an my gallery images have a centered set. Please help me 🙂
this is my code:
/* Grid Gallery Captions on Hover */
.gallery-grid .gallery-caption {
position: absolute;
top: 0;
left: 0;
background: rgba(0,0,0,0.4); // overlay color
height: 100%;
padding: 0;
opacity:10;
pointer-events: none;
}
.gallery-grid .gallery-caption-wrapper {
display: flex;
align-items: center; // center vertically
justify-content: center; // center horizontally
}
.gallery-grid .gallery-caption-content {
font-size: 0.8rem !important; // caption font size
color: white; //caption font color
padding: 1vw; // padding around the caption
}
.gallery-grid-item {
position: relative;
}
.gallery-grid-item:hover .gallery-caption {
opacity: 1;
}
.gallery-caption-grid-simple {
transition-delay: 0ms;
max-width: unset;
}
