Lightbox options

Please go to “SEA Theme > Theme Options > Content” tab, set to show/not the button in the lightbox:

Skin

You could set the lightbox skin, it supports the dark and light skins.

If the image was set the caption in the Media Library:

The caption will be shown under the image:

Please use the custom CSS(“Appearance > Customize: Additional CSS”) to adjust the caption text style:

.pswp__caption__center {
    text-align: center; 
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

FAQs

How to disable Lightbox?
Please paste the custom css(paste in Appearance > Customize : Additional CSS):
 div[data-lightbox="true"] { pointer-events: none; }

How to disable closing Lightbox by mouse scroll wheel?
Please go to Plugins>Plugin Editor, select BM content builder, find: “assets>js>modules-global.js” add the codes below line 1012: closeOnScroll: false,

How to custom the icons (prev/next, share… )?
The icons (prev/next, share … ) are from the image files(PNG and SVG) in the /plugins/bm-builder/assets/css/skin/photoswipe/default folder.

How Remove the Top bar BG color?
Please paste the custom css(paste in Appearance > Customize : Additional CSS):
.pswp-light-skin .pswp__ui--fit .pswp__caption, .pswp-light-skin .pswp__ui--fit .pswp__top-bar { background-color: transparent; }

Was this article helpful?

Yes No

Related Articles