Lightbox styling options

Make the preview of the image galleries more stylish and convenient with lightbox options section

Lightbox styling options

Customize the lightbox to make the preview of the image galleries more stylish and convenient.

light-box-styling-options

  • Lightbox deep links – set it to Enable to display the prettyPhoto links in the lightbox URL.
  • Background style – set background style for the lighbox background.
    • Simple – select this style to have one color for the lighbox background.
      • Background color – set the background style for the lighbox background
    • Gradient – select this style to have the gradient style for the lighbox background.
      • Background gradient – choose the start and end color for the lighbox background.
      • Background opacity – set the opacity value for the lighbox background.
  • Lightbox elements color – choose the color for the elements set in lightbox.
  • Lightbox share – set it to Enable to have the share buttons in the lightbox.
  • Lightbox navigation arrows – switch it to Enable to activate navigation arrows in the lightbox.
  • Lightbox zoom button – select whether the zoom button will be displayed or hidden for the images in the lightbox.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(https://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: initial;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}#main-content .dfd-content-wrap {margin: 0px;} #main-content .dfd-content-wrap > article {padding: 0px;}@media only screen and (min-width: 1101px) {#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars {padding: 0 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars > #main-content > .dfd-content-wrap:first-child {border-top: 0px solid transparent; border-bottom: 0px solid transparent;}#layout.dfd-portfolio-loop > .row.full-width #right-sidebar,#layout.dfd-gallery-loop > .row.full-width #right-sidebar {padding-top: 0px;padding-bottom: 0px;}#layout.dfd-portfolio-loop > .row.full-width > .blog-section.no-sidebars .sort-panel,#layout.dfd-gallery-loop > .row.full-width > .blog-section.no-sidebars .sort-panel {margin-left: -0px;margin-right: -0px;}}#layout .dfd-content-wrap.layout-side-image,#layout > .row.full-width .dfd-content-wrap.layout-side-image {margin-left: 0;margin-right: 0;}