Separators

[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=””][fusion_text]

Separator Shortcode

Avada includes several different separator styles. They are perfect to use for breaking up content and draw the users eye to the next section. Each separator shortcode also has margin settings included that allows you to adjust the spacing so you can obtain more, or less, around the divider.

[/fusion_text][/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=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][separator style_type=”shadow” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][/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=””][fusion_text]

Separator Styles

There are 8 different separator styles: No Style, Single Border Solid, Double Border Solid, Single Border Dashed, Double Border Dashed, Single Border Dotted, Double Border Dotted, or Shadow.

[/fusion_text][/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=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”single” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”double|dashed” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][/one_third][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=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”double” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”single|dotted” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][/one_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=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”single|dashed” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][separator style_type=”double|dotted” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus.[/fusion_text][/one_third][separator style_type=”none” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][separator style_type=”shadow” top_margin=”40″ bottom_margin=”40″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][/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=””][fusion_text]

Customization Settings

Control the top and bottom margin of the separator, as well as it’s color, and width. You can also choose to display an icon in the center.

[/fusion_text][/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=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][separator style_type=”double” top_margin=”10″ bottom_margin=”10″ sep_color=”#92be43″ icon=”” width=”” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][separator style_type=”single|dashed” top_margin=”30″ bottom_margin=”30″ sep_color=”#62a7c9″ icon=”fa-star” width=”75%” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][separator style_type=”shadow” top_margin=”50″ bottom_margin=”50″ sep_color=”#ca7b25″ icon=”fa-user” width=”40%” class=”” id=””][fusion_text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eros ipsum, facilisis eget scelerisque non, fermentum at tellus. Etiam eleifend nibh quis eros gravida luctus. Vestibulum et velit tellus. Maecenas at fermentum dui. Nam metus nisl, volutpat id faucibus non, auctor at lectus. Nulla elementum, tortor non ornare feugiat, sapien nulla commodo velit, eget ultrices mauris nisi vitae ipsum. Ut vel dolor vel lacus venenatis egestas eget vel ante. Sed id mi turpis, sed ultrices orci ulla ids.[/fusion_text][/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=””][fusion_text]

Complete Set of Options

Every option and description included with the separator shortcode is listed below.

[/fusion_text][/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=””]style_type – Can be one of these values: none, single, double, single|dashed, double|dashed, single|dotted, double|dotted, or shadow. Sets the separator’s line style.[/li_item][li_item icon=””]top_margin – Accepts a numerical value to set the top margin. For example 40 to increase spacing, or –40 to decrease spacing.[/li_item][li_item icon=””]bottom_margin – Accepts a numerical value to set the bottom margin. For example 40 to increase spacing, or –40 to decrease spacing.[/li_item][li_item icon=””]sep_color – Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the separator’s color. Leave Blank for Theme Option selection.[/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=””]icon – A font awesome icon value. For example, fa-glass.[/li_item][li_item icon=””]width – Accepts a pixel value or a percentage to set the width. For example, 1px, or 50%. Leave Blank for full width.[/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=”http://theme-fusion.com/avada/agency/wp-content/uploads/sites/12/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=””][fusion_text]

Join The 100,000+ Satisfied Avada Users!

[/fusion_text][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]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Privacy Preference Center

STRICTLY NECESSARY COOKIES

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.

wordpress_test_cookie

TARGETING COOKIES

These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not directly store personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.

_test123

PERFORMANCE COOKIES

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know if you have visited our site, and will not be able to monitor its performance.

_ga,_gat,_gid

Other

Font Resize