[section bg= »451″ bg_color= »rgb(50, 50, 50) » bg_overlay= »rgba(0, 0, 0, 0.63) » dark= »true »]

[col span= »3″]

Amazing Blog Posts Element

Display your Blog posts in many different ways.

  • Unlimited Styles and Options
  • Select Custom Posts
  • Slider / Row / Grid and Masonry Style

[/col]
[col span= »9″]

[blog_posts style= »shade » type= »slider-full » grid= »2″ slider_nav_style= »circle » columns= »1″ title_size= »larger » show_date= »text » excerpt= »false » show_category= »label » comments= »false » image_size= »large » image_overlay= »rgba(0, 0, 0, 0.09) » image_hover= »overlay-remove » text_size= »large » text_hover= »bounce » text_padding= »10% 0px 10% 0px »]

[/col]

[/section]
[section]

Default Style

[blog_posts style= »normal » columns= »3″ image_height= »56.25% »]

Bounce Style

[blog_posts style= »bounce » badge_style= »square » image_height= »75% »]

Push Style

[blog_posts style= »push » columns= »3″ badge_style= »circle-inside » image_height= »75% »]

[/section]
[section bg_color= »rgb(62, 62, 62) » dark= »true »]

Blog posts inside a dark section

[blog_posts style= »normal » slider_nav_style= »simple » slider_nav_color= »light » slider_nav_position= »outside » columns= »3″ image_height= »56.25% »]

[/section]

Vertical Slide Style

[blog_posts style= »vertical » slider_nav_style= »simple » slider_nav_position= »outside » columns= »2″ depth= »2″ image_height= »89% » image_width= »43″]

Animated Blog posts in grid

[blog_posts type= »row » animate= »fadeInUp » image_height= »180px »]

Overlay Style

[blog_posts style= »overlay » depth= »1″ title_style= »uppercase » show_date= »text » image_height= »144% » image_overlay= »rgba(0, 0, 0, 0.17) » image_hover= »zoom »]

Overlay Grayscale

[blog_posts style= »overlay » depth= »1″ animate= »fadeInLeft » title_style= »uppercase » show_date= »text » image_height= »144% » image_overlay= »rgba(0, 0, 0, 0.56) » image_hover= »color » image_hover_alt= »overlay-remove-50″]

[col span__sm= »12″]

Select between many different Hover Styles

[/col]


Read More button

[blog_posts type= »row » depth= »2″ readmore= »Read More » image_height= »180px »]

Blog post in A Grid

[blog_posts style= »shade » type= »grid » columns= »3″ depth= »1″ posts= »4″ title_size= »larger » title_style= »uppercase » readmore= »Read More » badge_style= »circle-inside » image_height= »180px »]

Blog post in A Masonery Grid

[blog_posts type= »masonry » columns= »3″ depth= »2″ image_height= »180px »]