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
- Text
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