fbpx
November 23, 2016

Post Masonry – Masonry Grid

[vc_row css=”.vc_custom_1507610861151{margin-top: 30px !important;}”][vc_column][vc_column_text css=”.vc_custom_1479873944759{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Post Masonry Grid Features

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]
  • Custom post type source
  • Custom total items
  • 3 style display(Show all, Load more button, Lazy load)
  • 39 item styles
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]
  • Show/hidden Filter
  • Set items per row
  • Set gap between grid items
  • 3 style of animation load(None, Default, Fade In)
  • 20 item product styles
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/3″][vc_column_text]
  • Order / Sort order items
  • Design load more button
  • Design filter list
  • Custom filter list
  • Advanced design options
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479871862377{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid

Item style: Default[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ grid_id=”vc_gid:1507610065965-6aedf8ea-a982-3″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479871743381{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Fade In

Item style: Fade In[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_FadeIn” grid_id=”vc_gid:1507610065971-63219467-d0ff-6″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479871932947{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid icon

Item style: Icon slide out[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_IconSlideOut” grid_id=”vc_gid:1507610065974-c816c685-9c3a-2″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873471331{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Slide

Item style: Slider from left[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_SlideFromLeft” grid_id=”vc_gid:1507610065979-9bb70183-86c6-3″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873508760{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Go top

Item style: Go top[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_GoTop” grid_id=”vc_gid:1507610065982-9489fef4-c626-1″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873546648{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Overlay

Item style: Ovelay with rotation[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_OverlayWithRotation” grid_id=”vc_gid:1507610065985-537f586a-9748-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873602531{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Blur

Item style: Blur out[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_BlurOut” grid_id=”vc_gid:1507610065987-21724156-5c79-9″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873641198{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Scale

Item style: Scale with rotation[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_ScaleWithRotation” grid_id=”vc_gid:1507610065990-c4152ef6-516a-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873704344{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Slide

Item style: Slide out from right[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryGrid_SlideoOutFromRight” grid_id=”vc_gid:1507610065993-592306ad-7a6f-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479873782950{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Masonry Grid Slide

Item style: Slide with content[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”6″ item=”masonryGrid_WithSideContent” grid_id=”vc_gid:1507610065996-833175b3-f547-2″][/vc_column][/vc_row]

Join the newsletter

Subscribe to get our latest content by email.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit