Section Separator Shortcode

Avada includes an elegant Section Separator shortcode that neatly divides your page into sections. Set the position of the Divider Candy, customize the background color and select a Font Awesome icon to go with it. Further personalize your divider by choosing a color for the icon, as well as it’s border width and color. This shortcode is a great way to organize your site!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident, sunt in commodo consequat orem ipsum dolor sit amet culpa qui officia deserunt mollit anims sadips ipsums dolores sits unser. Lorem ipsum dolor sit amet, conzsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. Incididunt ut labore et dolore magna aliqua. Ut enim ad et dolore magna exercitation ullamco lesse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non sadips ipsums proident.

Divider Candy

Choose between 3 positions for your Divider Candy: Top, Bottom, or Top & Bottom. Choose to customize the background color, border width, and border color, as well.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.

Icon Customization

Make your divider even more interesting with an icon. Choose from the abundant supply of icons from Font Awesome, and choose their color.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit.

Complete Set of Options

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

divider_candy – Can be one of these values: top and bottom, top, or bottom. Sets the position of the triangle candy.
icon – A font awesome icon value. For example, fa-glass.
icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
bordersize – Accepts a pixel value that controls the border size. For example, 1px.

bordercolor – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection. Consider matching the color value of the fullwidth section you are using it with.
backgroundcolor – Accepts a hexcode ( #000000 ). Sets the background’s color. Leave blank for Theme Option selection. Consider matching the color value of the fullwidth section you are using it with.
class – Add a custom class to the wrapping HTML element for further css customization.
id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

Cookie	Duration	Description
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Avada Shortcodes

Building Sites With Ease

Section Separator Shortcode

Join The 100,000+ Satisfied Avada Users!