[section bg=\”71675\” 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\”]