[fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”shadow” top_margin=”40″ bottom_margin=”40″ /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_3″ layout=”1_3″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”single solid” top_margin=”40″ bottom_margin=”40″ /][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][fusion_separator style_type=”double|dashed” top_margin=”40″ bottom_margin=”40″ /][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][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”double solid” top_margin=”40″ bottom_margin=”40″ /][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][fusion_separator style_type=”single|dotted” top_margin=”40″ bottom_margin=”40″ /][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][/fusion_builder_column][fusion_builder_column type=”1_3″ layout=”1_3″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”single|dashed” top_margin=”40″ bottom_margin=”40″ /][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][fusion_separator style_type=”double|dotted” top_margin=”40″ bottom_margin=”40″ /][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][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_separator style_type=”none” top_margin=”40″ bottom_margin=”40″ /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”shadow” top_margin=”40″ bottom_margin=”40″ /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”double solid” top_margin=”10″ bottom_margin=”10″ sep_color=”#92be43″ /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”single|dashed” top_margin=”30″ bottom_margin=”30″ sep_color=”#62a7c9″ icon=”fa-star” width=”75%” /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][fusion_separator style_type=”shadow” top_margin=”50″ bottom_margin=”50″ sep_color=”#ca7b25″ icon=”fa-user” width=”40%” /][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][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][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_text]

Complete Set of Options

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

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” equal_height_columns=”yes” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” size=”small”][fusion_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.[/fusion_li_item][fusion_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.[/fusion_li_item][fusion_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.[/fusion_li_item][fusion_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.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ 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=”” min_height=”” hover_type=”none” link=”” border_position=”all”][fusion_checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” size=”small”][fusion_li_item icon=””]icon – A font awesome icon value. For example, fa-glass.[/fusion_li_item][fusion_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.[/fusion_li_item][fusion_li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/fusion_li_item][fusion_li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/fusion_li_item][/fusion_checklist][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container backgroundimage=”https://avada.theme-fusion.com/agency/wp-content/uploads/sites/12/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” equal_height_columns=”no” hundred_percent=”no”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]

Join The 100,000+ Satisfied Avada Users!

[/fusion_text][fusion_button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” button_gradient_top_color=”rgba(255,255,255,.1)” button_gradient_bottom_color=”rgba(255,255,255,.1)” button_gradient_top_color_hover=”rgba(255, 255, 255, 0.25)” button_gradient_bottom_color_hover=”rgba(255, 255, 255, 0.25)” accent_color=”rgba(255,255,255,.8)” accent_hover_color=”#ffffff” border_width=”2px” shadow=”no” icon_position=”left” icon_divider=”yes” animation_type=”fade” animation_direction=”up” animation_speed=”1″ alignment=”center”] BUY AVADA NOW![/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Share

Please leave your paw prints and comments here.

Sign up for Paws News & Tips


Catpersonable BJ Bangs



At Paws for Reflection, we're serious about cats, writing about cat health, cat rescue and cat news. We delve into why cats are the absolute best soul mates. We spring in a little humor with lots of travel tips, photos and a few feline tales, making Paws for Reflection a must stop for cat information on the cat crazed Internet. BJ is an award-winning blogger/journalist, communications professional and photographer.

2017 Winn Feline Foundation Media Appreciation Award


Follow Paws on Social Media


GRAND Galleries


Feline Fix by Five Months Initiative


Archives


CWA Certificate of Excellence: Best Health Blog 2016


CWA Muse Medallion

Winner of Cat Writers Association's 2011 Muse Medallion


Cat Fancy: Contributing Writer


Cat Talk: Contributing Writer


Upcoming Events

No upcoming events


Catster.com contributor

Catster.com logo

Be The Change

Blog the Change

Related Products



    %d bloggers like this: