Hide Image Title and Pagination in Divi Gallery Lightbox

Jun 30, 2020 | Blog, Divi Tutorial | 0 comments

In this article I will share the steps to hide the Title and Pagination inside the Divi Gallery Ligthbox.

Divi Gallery is a good way to show a gallery of images in on your website. By default the Gallery module will show the Title and Caption under each image. It will also show the title of the image and pagination inside the Lightbox.

The Lightbox opens after you click on an image in the Gallery. Here is a screenshot of the Title and Pagination in the Lightbox.

Divi Gallery Lightbox

The Title and Caption under each image can be removed by setting the Show Title and Caption in the Module Settings to No.

Divi Gallery module settings

However this will not stop the Title from showing up under the Gallery Lightbox.

To remove both the Title and Pagination from under the Gallery Lightbox go to your WordPress Dashboard > Theme Options > General > Custom CSS and add the code below.

.mfp-bottom-bar {
    display: none;
}

If you are not sure where to add the code then here is a screenshot to help you.

Divi Custom CSS Theme Options to hide title in gallery lightbox

If you only want to hide the Title in the Lightbox then please use this code.

.mfp-title {
    display: none;
}

To hide only the Pagination you can use the below code.

.mfp-title {
    display: none;
}

If you want to hide the close button. The cross icon at the top right then you can use the following code.

button.mfp-close {
    display: none;
}

To hide the arrows the code below should work.

button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    display: none;
}

button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    display: none;
}

Next you can check out the following articles on Divi customizations.

  1. Change Number of Columns in Divi Portfolio Module
  2. How to Autoplay Videos in Divi Video Module And Hide Controls
  3. Add Labels Above Input Fields In The Divi Contact Form
  4. How to Change the Logo on Scroll in the Divi Header

Leave a comment below if you found this helpful or have any questions. Don’t forget to subscribe to the Newsletter to receive the latest tutorials in your inbox.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

Affordable Web Hosting With Great Customer Service

Starting At Just $1.44/Month