November 23, 2016

Post Masonry – Media

[vc_row css=”.vc_custom_1507610833800{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)
[/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_1479875196838{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry default

Item style: Default[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_Default” grid_id=”vc_gid:1507610824944-dd429efb-c886-7″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875222034{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Bordered

Item style: Bordered with scale[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_BorderedScale” grid_id=”vc_gid:1507610824950-f6bca74e-8d66-10″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875229033{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Blur

Item style: Solid blur out[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_SolidBlurOut” grid_id=”vc_gid:1507610824956-51bed998-623b-3″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875239418{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Scale light

Item style: Scale with rotation light[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_ScaleWithRotationLight” grid_id=”vc_gid:1507610824959-0cf710f3-1f9b-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875246106{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Slide

Item style: Slide with title and cation[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_SlideWithTitleAndCaption” grid_id=”vc_gid:1507610824963-3a8e3e67-dba4-9″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875251898{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Scale

Item style: Scale with content block[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_ScaleWithContentBlock” grid_id=”vc_gid:1507610824969-ad3d2e19-fa0d-2″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875263210{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Overlay

Item style: Simple overlay[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_SimpleOverlay” grid_id=”vc_gid:1507610824971-965cb49b-fa25-7″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875270138{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Masonry Slide

Item style: Slide top[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_SlideTop” grid_id=”vc_gid:1507610824973-d67314eb-815b-4″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874566791{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Simple blur

Item style: Simple blur with scale[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”masonryMedia_SimpleBlurWithScale” grid_id=”vc_gid:1507610824975-50403a7d-3fad-0″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874816876{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media grid Icon

Item style: Fade In with icon[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_FadeInWithIcon” grid_id=”vc_gid:1507610824977-b73c41d1-77c7-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874808538{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Grid Bordered

Item style: Bordered scale with title[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_BorderedScaleWithTitle” grid_id=”vc_gid:1507610824979-a7ad4ce4-5acd-10″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874850844{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media 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=”mediaGrid_ScaleWithRotation” grid_id=”vc_gid:1507610824985-fba68893-3cf4-5″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874894924{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Grid Slide

Item style: Slide out caption[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_SlideOutCaption” grid_id=”vc_gid:1507610824988-29488215-497f-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479874949428{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Grid Horizontal Flip

Item style: Horizontal flip with fade[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_HorizontalFlipWithFade” grid_id=”vc_gid:1507610824991-1f792357-3378-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875010316{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Grid Blur

Item style: Blur with content block[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_BlurWithContentBlock” grid_id=”vc_gid:1507610824993-0a88b3e5-1959-8″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479875058552{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Media Grid Slide

Item style: Slide In title[/vc_column_text][vc_masonry_grid post_type=”post” max_items=”8″ element_width=”3″ gap=”20″ item=”mediaGrid_SlideInTitle” grid_id=”vc_gid:1507610824995-ed5bc763-447e-9″][/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