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