[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””]
Post Sliders Shortcode
Avada includes an awesome Flexsldier plugin that comes bundled with shortcodes. There are 3 different post sliders that can be used. Two of them work with your blog posts, and one is for image attachments. They are great for showcasing your blog posts and images on your website.
[/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][postslider layout=”posts” excerpt=”35″ category=”design” limit=”2″ lightbox=”yes” class=”” id=””][/postslider][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””]
Post Slider With Titles
One of the layouts that goes perfectly with your blog is the Post Slider With Titles. It automatically pulls your posts and displays it beautifully. Choose which category you’d like to include and exclude, as well as the number of slides that will be displayed.
[/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][two_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][postslider layout=”posts” excerpt=”35″ category=”design” limit=”2″ lightbox=”yes” class=”” id=””][/postslider][/two_third][one_third last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Post Slider With Titles[/title]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac nisl eget metus imperdiet venenatis non at nisi. Nam vitae risus neque, sed egestas sem. Suspendisse tristique, purus et ullamcorper tempor, purus enim scelerisque nisl, eget mollis turpis tellus ac augue. Proin aliquet lorem at magna eleifend molestie. Donec eu malesuada odio. Pellentesque euismod nulla eget lorem fringilla pharetra. In odio leo, interdum nec laoreet sed, tempus sit amet.
[separator style_type=”none” top_margin=”12″ bottom_margin=”12″ sep_color=”” icon=”” width=”” class=”” id=””][checklist icon=”fa-check” iconcolor=”light” circle=”yes” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]Unlimited use per page[/li_item][li_item icon=””]Auto pulls recent blog posts & titles[/li_item][li_item icon=””]Many parameters to control content & slide[/li_item][/checklist][/one_third][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””]
Post Slider With Titles & Excerpt
Another layout that goes great with your blog is the Post Slider With Titles and Excerpt. It automatically pulls your posts and adds an excerpt to provide your viewers with a sneak peek into the article. Set various settings such as how long your excerpt will be, which category you’d like to include and exclude, as well as the number of slides that will be displayed.
[/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Post Slider Excerpt & Titles[/title]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac nisl eget metus imperdiet venenatis non at nisi. Nam vitae risus neque, sed egestas sem. Suspendisse tristique, purus et ullamcorper tempor, purus enim scelerisque nisl, eget mollis turpis tellus ac augue. Proin aliquet lorem at magna eleifend molestie. Donec eu malesuada odio. Pellentesque euismod nulla eget lorem fringilla pharetra. In odio leo, interdum nec laoreet sed, tempus sit amet.
[separator style_type=”none” top_margin=”12″ bottom_margin=”12″ sep_color=”” icon=”” width=”” class=”” id=””][checklist icon=”fa-check” iconcolor=”light” circle=”yes” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]Unlimited use per page[/li_item][li_item icon=””]Auto pulls recent blog posts, titles, excerpt[/li_item][li_item icon=””]Many parameters to control content & slide[/li_item][/checklist][/one_third][two_third last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][postslider layout=”posts-with-excerpt” excerpt=”20″ category=”design” limit=”3″ lightbox=”yes” class=”” id=””][/postslider][/two_third][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””]
Post Slider With Attachments
The Attachments layout will automatically pull any images attached to the page, or images from a post. Open your image in a lightbox, or link it to the article. Also control which categories are included or excluded.
[/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][two_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][postslider layout=”attachments” excerpt=”20″ category=”” limit=”3″ lightbox=”yes” class=”” id=””][/postslider][/two_third][one_third last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][title size=”2″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Post Slider With Attachments[/title]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac nisl eget metus imperdiet venenatis non at nisi. Nam vitae risus neque, sed egestas sem. Suspendisse tristique, purus et ullamcorper tempor, purus enim scelerisque nisl, eget mollis turpis tellus ac augue. Proin aliquet lorem at magna eleifend molestie. Donec eu malesuada odio. Pellentesque euismod nulla eget lorem fringilla pharetra.
[separator style_type=”none” top_margin=”12″ bottom_margin=”12″ sep_color=”” icon=”” width=”” class=”” id=””][checklist icon=”fa-check” iconcolor=”light” circle=”yes” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]Unlimited use per page[/li_item][li_item icon=””]Auto pulls recent blog posts, titles, excerpt[/li_item][li_item icon=””]Many parameters to control content & slide[/li_item][/checklist][/one_third][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””]
Complete Set of Options
Every option and description included with the post slider shortcode is listed below.
[/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”yes” hundred_percent=”no” class=”” id=””][one_half last=”no” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=””][checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]
layout – Can be one of these values:
posts, which pulls blog posts,
attachments, which pulls images attached to the page and shows thumbnail navigation, or
posts-with-excerpt, which pulls blog posts with excerpts.[/li_item][li_item icon=””]
excerpt – Accepts a numerical value that sets the number of words you want to show in the excerpt. Can only be used with the
posts-with-excerpt layout.[/li_item][li_item icon=””]
category – The
slug of the category you want to display.[/li_item][li_item icon=””]
limit – Accepts a numerical value that sets the number of slides you’d like to display.[/li_item][/checklist][/one_half][one_half last=”yes” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=””][checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]
lightbox – Can be one of these values:
yes, or
no. Can only be used with the
attachments layout.[/li_item][li_item icon=””]
class – Add a
custom class to the wrapping HTML element for further css customization.[/li_item][li_item icon=””]
id – Add a
custom id to the wrapping HTML element for further css customization.[/li_item][/checklist][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”https://beta.shielbagganoec.com/wp-content/uploads/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” bordercolor=”” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” paddingleft=”40px” paddingright=”40px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””]
Join The 100,000+ Satisfied Avada Users!
[button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”rgba(255,255,255,.1)|” gradient_hover_colors=”rgba(255, 255, 255, 0.25)|” accent_color=”rgba(255,255,255,.8)” accent_hover_color=”#ffffff” bevel_color=”” border_width=”2px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”fade” animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””] BUY AVADA NOW![/button][/fullwidth]
