[vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″][tagline_box cta_style=”center” call_text=”Separator Element” call_text_size=”25″ desc_text_size=”13″ force_transparency=”false” cta_shadow=”true” title=”Text on the button” color=”red” target=”_self” size=”small” inner_border_color=”#ffffff” border_color=”#efefef” style=”minimal”]You can easily add Separator elements to any page you create. Click on Add element and select the Separator Element from the Pop-up window. Choose between 8 predefined separators: blank, dotted, double dotted, solid, double solid, dashed, double dashed and shadow seaparator.
For each separator you can specify a padding top and padding bottom as well as the color of the separator. See examples below.[/tagline_box][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][ctitle title=”Separator Examples” font_size=”11″ big_border_en=”true” uppercase=”true” position=”left” icon=”fa-hand-o-down”][vc_column_text]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.[/vc_column_text][vc_separator style=”shadow_line” paddingtop=”20″ paddingbottom=”20″ divider_color=”#a523dd”][vc_column_text]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.[/vc_column_text][vc_separator style=”dotted” paddingtop=”20″ paddingbottom=”20″ divider_color=”#b7b7b7″][vc_column_text]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.[/vc_column_text][vc_separator style=”double_dotted” paddingtop=”20″ paddingbottom=”20″ divider_color=”#1ca4bf”][vc_column_text]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.[/vc_column_text][vc_separator style=”solid” paddingtop=”20″ paddingbottom=”20″ divider_color=”#63a533″][vc_column_text]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.[/vc_column_text][vc_separator style=”double_solid” paddingtop=”40″ paddingbottom=”40″ divider_color=”#992121″][vc_column_text]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.[/vc_column_text][vc_separator style=”dashed” paddingtop=”20″ paddingbottom=”20″ divider_color=”#ea9448″][vc_column_text]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.[/vc_column_text][vc_separator style=”double_dashed” paddingtop=”20″ paddingbottom=”20″ divider_color=”#a523dd”][vc_column_text]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.[/vc_column_text][vc_separator style=”blank_divider” paddingtop=”30″ paddingbottom=”30″ divider_color=”#a523dd”][vc_column_text]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.[/vc_column_text][/vc_column][/vc_row]