Blog Posts

[section bg=»8083″ bg_color=»rgb(50, 50, 50)» bg_overlay=»rgba(0, 0, 0, 0.63)» dark=»true»] [row v_align=»middle»] [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] [/row] [/section] [section] [title style=»center» text=»Default Style» size=»undefined»] [blog_posts style=»normal» columns=»3″ image_height=»56.25%»] [title style=»center» text=»Bounce Style» size=»undefined»] [blog_posts style=»bounce» badge_style=»square» image_height=»75%»] [title style=»center» text=»Push Style» margin_top=»17px» size=»undefined»] [blog_posts style=»push» columns=»3″ badge_style=»circle-inside» image_height=»75%»] [/section] [section bg_color=»rgb(62, 62, 62)» dark=»true»] [title style=»center» text=»Blog posts inside a dark section» size=»undefined»] [blog_posts style=»normal» slider_nav_style=»simple» slider_nav_color=»light» slider_nav_position=»outside» columns=»3″ image_height=»56.25%»] [/section] [title style=»center» text=»Vertical Slide Style» margin_top=»31px» size=»undefined»] [blog_posts style=»vertical» slider_nav_style=»simple» slider_nav_position=»outside» columns=»2″ depth=»2″ image_height=»89%» image_width=»43″] [title style=»center» text=»Animated Blog posts in grid» margin_top=»31px» size=»undefined»] [blog_posts type=»row» animate=»fadeInUp» image_height=»180px»] [title style=»center» text=»Overlay Style» margin_top=»31px» size=»undefined»] [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»] [title style=»center» text=»Overlay Grayscale» margin_top=»31px» size=»undefined»] [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″] [row] [col span__sm=»12″]

Select between many different Hover Styles

[/col] [/row] [title style=»center» text=»Read More button» margin_top=»31px» size=»undefined»] [blog_posts type=»row» depth=»2″ readmore=»Read More» image_height=»180px»] [title style=»center» text=»Blog post in A Grid» margin_top=»31px» size=»undefined»] [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»] [title style=»center» text=»Blog post in A Masonery Grid» margin_top=»31px» size=»undefined»] [blog_posts type=»masonry» columns=»3″ depth=»2″ image_height=»180px»]