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

  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


Filter by label

There are no items with the selected labels at this time.