Blog Posts

[section bg=»435″ 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»]

×