Heading text

Display a large number of images, portfolio of work examples.

Image gallery is pretty much similar to a portfolio grid. It can display a large number of images using one of the available styles, namely masonry, metro and boxed. Additionally, metro layout has multiple unique predefined grid layouts to make your galleries look unique.

Heading text

[vc_rendr_image_grid images=”9848,9856,9858,9851,9861,9864,9875,9868,9863,9869,9880,9860″ style=”masonry” columns=”4″ gutter=”20″ border=”0″ animation_style=”fadein” preloader=””]

Image galleries have many settings, which allow to create truly different image layouts and looks.

[vc_rendr_image_grid images=”9882,9872,9869,9879,9858,9881,9854,9862″ aspect_ratio=”3:4″ style=”masonry” columns=”8″ gutter=”0″ overlay_trigger=”overlay_disappear” border=”0″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(43,51,66,0.3)“}}”]

Heading text

[vc_rendr_image_grid images=”9880,9872,9853,9848,9865,9849,9847,9856,9871,9868,9875,9852″ style=”metro” metro_layout=”columns_6″ gutter=”1″ overlay_trigger=”overlay_disappear” border=”0″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(43,51,66,0.3)“}}”]

In addition to standard multi-column layouts, metro style has 8 unique predefined image layouts to help your galleries stand out.

[vc_rendr_image_grid images=”9882,9875,9865,9864,9868,9872,9856,9863,9869,9861″ style=”metro” metro_layout=”layout_4″ gutter=”2″ overlay_trigger=”overlay_disappear” border=”0″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(43,51,66,0.3)“}}”]

In addition to standard multi-column layouts, metro style has 8 unique predefined image layouts to help your galleries stand out.

[vc_rendr_image_grid images=”9848,9858,9861,9862,9881,9880,9875,9863,9868,9882,9872,9869,9871,9865″ style=”metro” metro_layout=”layout_8″ gutter=”15″ overlay_trigger=”overlay_disappear” border=”20″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:“custom_color“,“color“:“rgba(43,51,66,0.3)“}}”]

Notice the appearance animations, border radius and overlay colors – they can be changed as well! The following image gallery also has a lightbox attached so you can see a full version of an image.

[vc_rendr_image_grid images=”10964,10961,10957,10947,10962,10953,10951,10960,10959,10945″ style=”metro” metro_layout=”layout_4″ click_action=”gallery_popup” gutter=”30″ overlay_trigger=”overlay_appear” overlay_content=”icon” border=”16″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:“Main accent color“,“color“:“#fb9272“}}”]

Heading text

You can also control the aspect ratio of the images in the image gallery, making them form aligned rows or have their initial aspect ratio to create a masonry style grid.

[vc_rendr_image_grid images=”10957,10948,10955,10961,10947,10959,10963,10952,10949,10956,10950,10960″ aspect_ratio=”1:1″ style=”boxed” columns=”4″ click_action=”gallery_popup” border=”16″ animation_style=”fadein” preloader=”” overlay_color=”{“solid“:{“id“:““,“color“:““}}”]

F.A.Q

Support Forum

Video Tutorials

Search panel can contain any widgets and shortcodes.

Call us: 0 800 255 22 55

[vc_rendr_social_icons style=”style_1″ alignment=”right” size=”3″ color_type_default=”custom” color_default=”{“id“:“custom_color“,“color“:“rgba(254,254,254,0.4)“}” color_type_hover=”custom” color_hover=”{“id“:“custom_1334459184315555“,“color“:“rgba(255,255,255,1)“}” networks=”dribbble,facebook,instagram,twitter” css_animation=””]