[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.
- You can select the number of posts to show
- Select the Style of the Posts Grid – there are 2 styles available
- For Style 1 you can select the number of columns to use for your posts – 3,4 or 5
- You can enable or disable the Post Title, Post Thumbnail, Date, Excerpt and the Continue Reading link
- You can filter posts – select only specific posts and select specific categories
- You can also choose the Posts Ordering – ascending or descending by date.
- 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]