This Article Is For:

• All users who have access to one/all of the following: pages, blogs, contests, and sidebars
• This is applicable to: All themes

These are the instructions for filling out the 'Separator With Text' element.

Step-by-step guide

1. Title: The text you want to appear in the separator
   
2. Add Icon : Choose whether you want to add an icon to the separator. If yes, the icon settings tab will appear
3. Title Position : Select title alignment. Choose from: Left, Right, Center
4. Separator Alignment : Select separator alignment. Choose from: Left, Right, Center
5. Color : Select color schema using the drop-down
6. Style : Select a separator display style. Choose from: Border, Dashed, Dotted, Double, Shadow
7. Border Width : Select border width (pixels). Select from 1px-10px
8. Element Width : Select separator width (percentage). Select from 10%-100%
9. Element ID : Enter element ID (Note: make sure it is unique and valid according to w3c specification ).
10. Extra Class Name : If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Icon Settings :

1. Icon Library : Select a type of icon set (similar to a style of emoji)
2. Icon : The options for the icon will change depending on what set you picked above
3. Icon Color : Select color schema using the drop-down
4. Background Shape : Select background shape and style for icon. Choose from: None, Circle, Square, Rounded, Outline Circle, Outline Square, Outline Rounded
5. Size : Select an icon size. Choose from: Mini, Small, Normal, Large, Extra Large