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