באחד הפרוייקטים שלי רציתי לשנות את הרקע של הלייטבוקס בגלריה למשהו שיהיה יותר יפה ומושך את העין אבל לא רק צבע אלא עם אפקט מעניין כמו אפקט זכוכית יפה.
בעזרת הקוד הבא ניתן לעשות זאת, נשים אותו בקובץ ה- Style.css או ב- Css מותאם תחת הלשונית "מתקדם".
/* Glass effect for lightbox background */
.dialog-lightbox-widget-content {
backdrop-filter: blur(8px);
background-color: rgba(255, 255, 255, 0.2) !important;
}
אם תרצו לעגל את הפינות של התמונה המוצגת ב- Lightbox תוכלו לעשות זאת עם הקוד השני
/* Border radius for images in lightbox */
.dialog-lightbox-widget-content .swiper-slide img,
.dialog-lightbox-widget-content .dialog-lightbox-message img {
border-radius: 20px;
}
