How to add light background to Responsive Imagelist and Pinterest Style Gallery skins

When choosing one of these skins for your galleries you have the option to change the dark background into a lighter one.

In order to do this please follow the steps below:


Go to "Advanced" settings tab

Click "Edit" button to open the CSS editor




When the “Edit CSS” popup opens please add to the bottom of file the following code:


div.ze-swipebox-overlay {

background-color: #FCFCFC;


div.ze-swipebox-action, div.ze-swipebox-caption {

            text-shadow: 1px 1px 1px black;

            background-color: #ffffff;

            background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #F6F5FF));

            background-image: -webkit-linear-gradient(#ffffff, #F6F5FF);

            background-image: -moz-linear-gradient(#ffffff, #F6F5FF);

            background-image: -o-linear-gradient(#ffffff, #F6F5FF);

            background-image: linear-gradient(#ffffff, #F6F5FF);



.ze-swipebox-action .ze-swipebox-prev, .ze-swipebox-action .ze-swipebox-next, .ze-swipebox-action .ze-swipebox-close{

            background-image: url(~skin_path~css/images/icons_black.png) !important;



div.ze-swipebox-slider .mejs-audio {

background: #FCFCFC;



 When you will embed your gallery it will be displayed with light background like in http://www.cincopa.com/media-platform/test?fid=AMAADfLPOJOE.



Please sign in to leave a comment.