Media Gallery

Functionality:

Layout: Select between the isotope grid layout or the carousel slider, new options will appear on the select.
Layout Type: Select between different isotope layouts, masonry fits the images like a wall, in metro you can change the column for each post indivdually on the query field and the fitrows is the option that fits the images on a row without messing around like masonry. This option is available only when isotope is selcted as layout.
Layout Model: The posts element is divided into two great types, one is the meta inside and the other one is meta outside, the meta inside means the title, category, and other post information are located inside the feature image cube, for more precisely on the hover, and vice versa for the meta outside, the title, category, and the other information are located below the featured image.
Query: Add the images one by one via the repeater, you can also duplicate for faster use.

Layout

Columns: Change the columns of the isotope grid, this option is exclusively when layout is isotope and the layout type is not metro, because the metro layout and the carousel use their own columns system.
Animation: Select the initial loading animation for media gallery, the default option is fade in, so when the page loads the posts will fade in smoothly with a great effect, there are a few options to choose from, you can also select none which will disable the animation effect.
Spacing: The spacing between posts by default is 30 pixels, so 30 pixels on each side from post to post, with this option you can override this value from 30 to any value from 0 to 100.

Carousel

Items: Enter the number of the portfolio items you want to see on the screen on a slide.
Margin: Enter the margin space, the number will be represented in pixels.
Height: Select if you want to use auto height from images or set them custom.
Loop: Infinity loop. Duplicate last and first items to get loop illusion.
Mouse Drag: It enables the drag with the mouse.
Touch Drag: It enabled the touch drag.
Navigation: Shows the prev and next buttons on the carousel.
Dots: Shows the dots.
Autoplay: It plays by itself.
Pause on mover house: You will stop the play on mouseover.
Stage Padding: Padding-left and right on stage (can see neighbors).
Start Position: Enter from which element you want to start the position of the carousel.
AutoPlay Timeout: Autoplay interval timeout, the number is represented in seconds.
Smart Speed: Speed Calculate, the number is represented in seconds.

Thumnbail

Resizer: Activate a thumbnail resizer, it will crop all the images to a given width & height. It is very handy to save space on your host.
Thumbnail Sizes: Select the thumbnail size, you can add more thumbnail sizes at Appearance > Customize > General Options, or you can set the last value to custom and a new field will appear where you can add the width and the height..

Style Tab

Hover

Visibility: Select the visibility of hover, you can show or hide it via this option, new options will appear if show is selected.
Animation: Select between two great animations, scale and transition.
Active Hover: With this option the hover will appear on standing, so you don't need to mouseover the element to see the hover, it will be visible all the time.
Background: Change the background properties of the hover, you can add background image, gradient, plain color and much more.
Content Vertical Alignment: Change the vertical alignment of metas, it's available only in meta inside.

Post Box

Border Type: Add a border to the post box, it wraps all around the item box of the post. It's visible only in meta outside.
Border Width: Change the border width, this option is available when the type is not selected none.
Border Color: Change the border color, this option is available when the type is not selected none.
Border Radius: Change the border radius of the post box.
Box Shadow: Add box shadow to the post box.

Meta Box

Margin: Add margin to the meta box, which is around the title and other meta tags, is also visible only in meta outside.
Padding: Add padding to the meta box, which is around the title and other meta tags, is also visible only in meta outside.
Background: Change the background properties of the hover, you can add background image, gradient, plain color and much more, is also visible only in meta outside.
Border Type: Add a border to the post box, it wraps all around the item box of the post. It's visible only in meta outside.
Border Width: Change the border width, this option is available when the type is not selected none.
Border Color: Change the border color, this option is available when the type is not selected none.
Border Radius: Change the border radius of the post box.

Icons

Title

Subtitle

Description

Last updated 5 years ago