Das Plugin Visual Portfolio kann sowohl als Tool für eine Thumnail Galerie mit Pop-up-Lightbox genutz werden, als auch um Beitragsseiten zu gestalten. Beiträgsvorschauen können in den verschiedenen Grids dargestllt werden, im Moment meine Beste Lösung ein Masinry Grid ohne Code herzustellen.

Pop-Up Lightbox Galerie

CSS für eine Lightbox mit undurchsichtigem Hintergrund, ohne Verläufe und Farbanpassung

Die Hintergrundfarbe der Lightbox 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);
}
.vp-portfolio__items-style-default .vp-portfolio__item-overlay {
    background: transparent !important;
}
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 */
}