Modal window

We designed this modal window to create an impressive user experience for your website visitors, by using full-size high-quality images. While switching from one image to the next, the theme scrolls to it in the background. At the bottom of the image, you can display the copyright source of the picture.

On your website, you can use the Modal Image as:

  1.  An individual image setting
  2. A global option applied to the entire website

To use this styled modal window, follow the steps below for each method.

Set the Modal image viewer individually for each image:

 

1. Add an image to your content using the Add Media button

2015-09-30_15-23-53

 

2. Click the image and press the Pencil button from the image

Modal window

 

3. In the new window pop-up:

  1. Set Modal Image to ON.
  2. Select Media file from the Link to drop-down.
  3. Update to save your changes.

2015-09-30_15-27-38

 

4. Update/Publish your post to save the changes.

2015-09-30_15-32-11

 

5. Now you should have a styled image lightbox.

While switching from one image to the next, the theme scrolls to it in the background. At the bottom of the image, you can display the copyright source of the picture.

2015-09-30_15-34-42

General Modal Image method:

You can enable or disable the general modal image viewer for all the post images. This way, you won’t have to go on each post to set them individually.

To use this global option, go to Theme Panel > Post Settings >Post and Custom Post Types, and enable the General Modal Image.

Note: By default, the theme comes with this option disabled. When this option is disabled, the theme uses the individual settings of an image post.

2015-10-02_17-06-42