Separator With Text Element
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
- Title:The text you want to appear in the separator
- Add Icon: Choose whether you want to add an icon to the separator. If yes, the icon settings tab will appear
- Title Position: Select title alignment. Choose from: Left, Right, Center
- Separator Alignment: Select separator alignment. Choose from: Left, Right, Center
- Color: Select color schema using the drop-down
- Style: Select a separator display style. Choose from: Border, Dashed, Dotted, Double, Shadow
- Border Width: Select border width (pixels). Select from 1px-10px
- Element Width: Select separator width (percentage). Select from 10%-100%
- Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
- 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:
- Icon Library: Select a type of icon set (similar to a style of emoji)
- Icon: The options for the icon will change depending on what set you picked above
- Icon Color: Select color schema using the drop-down
- Background Shape: Select background shape and style for icon. Choose from: None, Circle, Square, Rounded, Outline Circle, Outline Square, Outline Rounded
- Size: Select an icon size. Choose from: Mini, Small, Normal, Large, Extra Large
Related articles