The Separator element allows you to divide 2 content sections. Here’re all configurations for this element.

  • Separator Style: 4 separator stylesSolid
    • Double
    • Dashed
    • Pattern
  • Alignment: 3 alignment styles
    • Left
    • Center
    • Right
  • Separator Width: enter the width number with unit. There are 2 types of unit px or %
  • Separator Height: enter only the height number. This number is in px unit
  • Separator Color
  • Separator With Symbol: 3 types of symbol
    • Icon
    • Image
    • Textartboard-1-copy-22

 

Note: each symbol goes with separated settings

  • Text symbol
  • Content
  • Text transform: 3 text transformation styles
    • None: no transformation
    • Uppercase
    • Capitalize
  • Letter spacing: the space between 2 letters. Enter only the letter spacing number. Letter spacing is in px
    • Font family
    • Use theme font family: use global typography settings. This can be setup on Live Customizer
  • Use a specific font family
  • Font weight: only display when choosing a specific font family
  • Font size: enter only the font size number. Font size is in px
  • Text color
  • Margin top: enter only the margin top number. Margin top is in px
  • Margin bottom: enter only the margin bottom number. Margin bottom is in px

 

  • Image symbol
    • Upload image
    • Border radius: enter only the image border size. Image border size is in px
    • Margin top: enter only the margin top number. Margin top is in px
    • Margin bottom: enter only the margin bottom number. Margin bottom is in px

 

  • Icon symbol
    • Icon library
    • Icon
    • Icon color
    • Icon size: enter only the icon size number. Icon size is in px
    • Margin top: enter only the margin top number. Margin top is in px
    • Margin bottom: enter only the margin bottom number. Margin bottom is in px