Gallery A

Gallery in filled mode with 3 columns (Fade Effect)

Gallery B

Gallery in grid mode with 3 columns (Fade Effect)

Gallery C

Gallery in filled mode with 3 columns (Zoom Effect)

Gallery D

Gallery in grid mode with 3 columns (Zoom Effect)

Gallery E

Gallery in filled mode with 4 columns (Zoom Effect)

Gallery F

Gallery in grid mode with 4 columns (Zoom Effect)

Gallery with Caption

Gallery in grid mode with 3 columns.

Gallery with Caption - Link

Gallery in grid mode with 3 columns.

Gallery with Carousel

Gallery in grid mode with 4 columns (Zoom Effect).
See more option in Carousel Shortcode page.

Gallery With Filter

Gallery in filled mode with 4 columns (Zoom Effect)

Hints:
All the gallery support 2 to 5 columns, you need to change class name .gallery-{col2|col3|col4|col5}.
Also .hover-{zoom|fade} class for hover effect, .gallery-square for rectangle image edge, .gallery-md for less gap between each image.
Use .gallery-{grids|filled} class to switch layout of gallery. You can use filter option by adding .has-filtered class.
For enable lightbox .gallery-lightbox (whole gallery) .image-lightbox (single image, specialy use when you use caption on gallery).
Use .dark or .light with .gallery-item-caption class for caption light or dark text.

Have any Question?

We're here to help. Send us an email or call us at +012-345-6789. Please feel free to contact our expert.

Contact Us