Lightbox – change background color, opacity, close icon…

Change background color and opacity around the lightbox:

#cvpboxOverlay {
    background: #000 !important;
    opacity: 0.5 !important;
}

Change the border of the lightbox:

#cvpboxLoadedContent {
    border: 5px solid #000 !important;
}

Change the close icon:

#cvpboxClose {
    background: url(URL_OF_YOUR_CLOSE_ICON_HERE) !important;
}

Lightbox of thumbnail: Move the arrows outside the image:

#cvpboxPrevious {
    left: -45px !important;
}
#cvpboxNext {
    right: -45px !important;
}

Lightbox of thumbnail: change styles of the text/description

#cvpboxTitle {
    font-size: 20px;
    color: #ccc;
    font-family: Arial, serif;
}

Lightbox of thumbnail: remove the text/description

#cvpboxTitle {
    display: none !important;
}
Scroll to Top