{"id":1997,"date":"2017-03-21T16:00:08","date_gmt":"2017-03-21T16:00:08","guid":{"rendered":"http:\/\/blueowlcreative.com\/wp\/alea\/?page_id=1997"},"modified":"2017-03-21T16:00:08","modified_gmt":"2017-03-21T16:00:08","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/webdemo.giantandro.com\/biz\/index.php\/image-gallery\/","title":{"rendered":"Image Gallery"},"content":{"rendered":"

[vc_row full_width=”stretch_row” css_animation=”fadeInDown” css=”.vc_custom_1490090411826{padding-top: 60px !important;padding-bottom: 100px !important;background-image: url(http:\/\/blueowlcreative.com\/wp\/alea\/wp-content\/uploads\/2016\/10\/white_mountains2.jpg?id=1194) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column]

Image Galleries<\/span><\/h2>
<\/i><\/div>[\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>[vc_column_text]Want to create image galleries in no time that are fully customizable in size and feature cool hover effects? Alea WordPress Theme has got your back.\u00a0With the Visual Composer integrated image gallery element you can display images in custom grids, add lightbox effect to them, pick hover effects, custom links etc. Combining different design style presets with hover effects & different grid sizes and spacings allows for numerous style combinations. Check some examples below.[\/vc_column_text]
<\/div>

Features<\/span><\/h4>
<\/div>[vc_row_inner][vc_column_inner width=”1\/2″]
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Total Grid Column number<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Item Spacing (3 Presets available)<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Manage Image Sizes (Equal or Natural proportions)<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Hover Effects (4 Presets)<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
CSS animation of the items<\/div>\r\n\t\t\t\t <\/div>[\/vc_column_inner][vc_column_inner width=”1\/2″]
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Set Custom\/Lightbox links for your grid images<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Set Dark Overlay on Hover Toggle<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Add Caption\/Description below Image<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Add Image Title<\/div>\r\n\t\t\t\t <\/div>
\r\n\t\t\t\t\t<\/i><\/span>\r\n\t\t\t\t\t
Add Image\u00a0Alt attribute<\/div>\r\n\t\t\t\t <\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>

Gallery Example #1 (Masonry grid, small spacing)<\/span><\/h3>
<\/div>