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