Post Grid

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

Post Grid Features

[/vc_column_text][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

  • Custom post type source
  • Custom total items
  • 4 styles display(Show all, Load more button, Lazy load, Pagination)
  • 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
  • 42 styles of load animation
  • Design pagination

[/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_text]

This element contain all styles and features as Post Masonry Grid element. You can see here

General Features, Item style grid, Item style masonry, Item style media

And here is some special style are added.

[/vc_column_text][vc_video link=”https://www.youtube.com/watch?v=5zNjFXlhHQ0″][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479877122388{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Pagination

Item style: Default with 6 column[/vc_column_text][vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”6″ element_width=”2″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_01_left” arrows_color=”pink” paging_design=”fill_square_dots” paging_color=”pink” grid_id=”vc_gid:1480062098012-4d8ca4ea-8f42-10″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479877143677{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Pagination

Item style: Default with 4 column[/vc_column_text][vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”4″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_12_left” arrows_color=”pink” paging_design=”fill_square_dots” paging_color=”pink” grid_id=”vc_gid:1480062098016-581fc469-f950-10″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479883751882{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Pagination

Item style: Scale with rotation 4 column[/vc_column_text][vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”4″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_02_left” arrows_position=”outside” arrows_color=”pink” paging_design=”pagination_default_dark” paging_color=”pink” loop=”yes” item=”basicGrid_ScaleInWithRotation” grid_id=”vc_gid:1480062098020-df6772f9-ce9d-7″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479883778362{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Grid Pagination

Item style: Slide from left –  4 column 2 row[/vc_column_text][vc_basic_grid post_type=”post” max_items=”16″ style=”pagination” items_per_page=”8″ element_width=”3″ gap=”20″ arrows_design=”vc_arrow-icon-arrow_12_left” arrows_color=”pink” paging_design=”pagination_rounded_square_dark” paging_color=”pink” loop=”yes” item=”basicGrid_SlideFromLeft” initial_loading_animation=”swing” grid_id=”vc_gid:1480062098022-590635f3-98f4-3″ paging_animation_in=”slideInLeft” paging_animation_out=”slideOutRight”][/vc_column][/vc_row][vc_row el_class=”block-top50″][vc_column][vc_column_text css=”.vc_custom_1479877469381{margin-bottom: 0px !important;}” el_class=”title-box1 text-center”]

Pagination slide

Item style: Slide with content[/vc_column_text][vc_basic_grid post_type=”post” max_items=”12″ style=”pagination” items_per_page=”3″ paging_design=”pagination_rounded” paging_color=”pink” loop=”yes” autoplay=”5″ item=”basicGrid_FadeInWithSideContent” initial_loading_animation=”bounceIn” grid_id=”vc_gid:1480062098025-db6da5b3-8505-10″ paging_animation_in=”zoomIn” paging_animation_out=”zoomOut”][/vc_column][/vc_row]

%d bloggers like this: