Home Newsmag 3 Documentation Modal window

Modal window

We designed this modal window to create an impressive user experience for your website visitors 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 image you can display the copyright source of the picture.

On you website you can use Modal Image as:

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

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

Set Modal image viewer individually for each image:

Watch the video tutorial:

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

2015-09-30_15-23-53

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

2015-09-30_15-25-50

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 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 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 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