November 23, 2016

Post Masonry – Basic Grid

[vc_row css=”.vc_custom_1507608800750{margin-top: 30px !important;}”][vc_column][vc_column_text css=”.vc_custom_1479873998254{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_1479869226778{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Scale

Item style: Scale in with rotation[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_ScaleInWithRotation” grid_id=”vc_gid:1507608713114-9c9eb35f-17dd-0″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479869212438{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid side

Item style: Fade with side content[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”6″ item=”basicGrid_FadeInWithSideContent” grid_id=”vc_gid:1507608713118-a9a93aa9-077d-9″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479869200276{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid icon

Item style: Slide bottom with icon[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_SlideBottomWithIcon” grid_id=”vc_gid:1507608713121-b402f72a-a6b1-7″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479869177560{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Flip

Item style: Vertical flip[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_VerticalFlip” grid_id=”vc_gid:1507608713125-4696fcb2-61e3-1″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479869300239{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid No Animation

Item style: No animation[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_NoAnimation” grid_id=”vc_gid:1507608713127-22a22ce4-d502-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1480042301620{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Slide Out

Item style: Go top slide out[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_GoTopSlideout” grid_id=”vc_gid:1507608713129-0a9b7e7b-811e-2″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1480042314276{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Text first

Item style: Text first[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_TextFirst” grid_id=”vc_gid:1507608713131-64db8c0a-d87d-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479870194862{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Slide Left

Item style: Slide from left[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_SlideFromLeft” grid_id=”vc_gid:1507608713133-b9844bbd-0c23-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479870263876{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Slide Top

Item style: Slide from top[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”basicGrid_SlideFromTop” grid_id=”vc_gid:1507608713135-6f351b38-1b36-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