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

Posts Grid Element

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.
[/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″]

Posts Grid Style 1 - examples

Here are some Posts Grid elements using the Style 1 option.
[/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″]
Responsive Table with CSS & Javascript
he reason I created this example was that I needed to quickly find a solution to display a table more efficiently on a smaller screen....

Continue reading →

[/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_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″]
Responsive Table with CSS & Javascript
he reason I created this example was that I needed to quickly find a solution to display a table more efficiently on a smaller screen....
[/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_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_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″]

Posts Grid Style 2 - examples

Here are some Posts Grid elements using the Style 2 option.
[/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″]
Responsive Table with CSS & Javascript
Responsive Table with CSS & Javascript
March 16, 2015

he reason I created this example was that I needed to quickly find...

Continue reading →

[/vc_column][vc_column width=”1/2″]
[/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_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″]
Responsive Table with CSS & Javascript

he reason I created this example was that I needed to quickly find...

[/vc_column][vc_column width=”1/2″]
[/vc_column][/vc_row]
Copyright 2006-2018 Joseph Zimmerman | All Rights Reserved