Blog

  • Blog Posts

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