Posts Grid

[vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][tagline_box cta_style=”center” call_text=”Posts Grid Element” call_text_size=”25″ desc_text_size=”13″ force_transparency=”false” cta_shadow=”true” title=”Text on the button” color=”red” target=”_self” size=”small” inner_border_color=”#ffffff” border_color=”#efefef” style=”minimal”]You can easily add Posts Grid elements to any page you create. Click on Add element and select the Posts Grid Element from the Pop-up window. There is no limit to the number of Posts Grid element you can add on a page.[/tagline_box][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”10″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][vc_column_text]

Posts Grid Options

Posts grid can have a couple of settings you can use to make the Posts Grid element suitable for what you need.

  1. You can select the number of posts to show
  2. Select the Style of the Posts Grid – there are 2 styles available
  3. For Style 1 you can select the number of columns to use for your posts – 3,4 or 5
  4. You can enable or disable the Post Title, Post Thumbnail, Date, Excerpt and the Continue Reading link
  5. You can filter posts – select only specific posts and select specific categories
  6. You can also choose the Posts Ordering – ascending or descending by date.
  7. You can also add a CSS Animation for the Posts Grid element

[/vc_column_text][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”1″ border_color=”#e2e2e2″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″ bg_patterns=”pattern17.png”][vc_column width=”1/1″][tagline_box cta_style=”center” call_text=”Posts Grid Style 1 – examples” call_text_size=”30″ desc_text_size=”14″ force_transparency=”true” cta_shadow=”false” title=”Text on the button” style=”minimal” color=”red” target=”_self” size=”small”]Here are some Posts Grid elements using the Style 1 option.[/tagline_box][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”0″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][recent_posts items=”3″ style=”style1″ columns=”3″ posts_title=”true” thumbnail=”true” show_date=”true” show_excerpt=”true” continue_reading=”true” posts_order=”DESC”][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][vc_separator style=”double_dotted” divider_color=”#d8d8d8″ paddingtop=”20″ paddingbottom=”20″][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][recent_posts items=”4″ style=”style1″ columns=”4″ posts_title=”false” thumbnail=”true” show_date=”true” show_excerpt=”true” continue_reading=”false” posts_order=”DESC”][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][vc_separator style=”double_dotted” divider_color=”#d8d8d8″ paddingtop=”20″ paddingbottom=”20″][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][recent_posts items=”5″ style=”style1″ columns=”5″ posts_title=”true” thumbnail=”true” show_date=”false” show_excerpt=”false” continue_reading=”true” posts_order=”DESC”][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”1″ border_color=”#f2f2f2″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″ bg_patterns=”pattern16.png”][vc_column width=”1/1″][tagline_box cta_style=”center” call_text=”Posts Grid Style 2 – examples” call_text_size=”30″ desc_text_size=”14″ force_transparency=”true” cta_shadow=”false” title=”Text on the button” style=”minimal” color=”red” target=”_self” size=”small”]Here are some Posts Grid elements using the Style 2 option.[/tagline_box][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”0″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/2″][recent_posts items=”3″ style=”style2″ columns=”3″ posts_title=”true” thumbnail=”true” show_date=”true” show_excerpt=”true” continue_reading=”true” posts_order=”DESC”][/vc_column][vc_column width=”1/2″][recent_posts items=”3″ style=”style2″ columns=”3″ posts_title=”true” thumbnail=”true” show_date=”true” show_excerpt=”true” continue_reading=”true” posts_order=”DESC” posts=”3033,3328,3319″][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”0″ paddingbottom=”0″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][vc_separator style=”double_solid” paddingtop=”20″ paddingbottom=”20″][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ bg_color=”” border_width=”0″ border_color=”#e8e8e8″ bg_image=”” bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” bg_patterns=”” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_col=”” video_overlay_opac=”70″ video_overlay=”” row_font_color=””][vc_column width=”1/2″][recent_posts items=”4″ style=”style2″ columns=”3″ posts_title=”true” thumbnail=”false” show_date=”false” show_excerpt=”true” continue_reading=”false” posts_order=”ASC”][/vc_column][vc_column width=”1/2″][recent_posts items=”3″ style=”style2″ columns=”3″ posts_title=”true” thumbnail=”true” show_date=”true” show_excerpt=”true” continue_reading=”false” posts_order=”DESC” category_id=”16″][/vc_column][/vc_row]