CSS für eine Lightbox mit undurchsichtigem Hintergrund, ohne Verläufe und Farbanpassung
Die Hintergrundfarbe der Liughtbox wird in den Settings des Plugins ausgewählt.
/* Plugin Visual Portfolio */
/* Thumbnaill */
.vp-portfolio__items-style-default {
--vp-items-style-default--image-hover__transform: scale(1);
}
h2.vp-portfolio__item-meta-title a {
font-size: 80% !important;
}
/* Lightbox */
.fancybox-is-open .fancybox-bg {
opacity: 1 !important;
}
.fancybox-button, .fancybox-caption {
background: none !important;
}
.fancybox-button, .vp-fancybox .fancybox-caption__body h3 {
color: #000 !important; /* Schriftfarbe */
}
.fancybox-button:hover {
color: #f0241a !important; /* Akzentfarbe */
}