# Divider

## General Settings

### Element Name/Title

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-70cd433c3c9922bb8895563f47c338d80195674b%2FDivider%20-%20Title.png?alt=media)

### Spacing Option:

There are different spacing options available for adjusting your video content.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-9a3b2b91f39636e258f7c05de1b1548b206b1771%2FDivider%20-%20Spacing%20Options.png?alt=media)

* **Padding Left, Right, Top, and Bottom**

  This Four (4) different toggle bar moves the content to either the left, right, top, or bottom depending on the toggle bar you click on.
* **Margin Top and Bottom**\
  You can adjust the top or bottom margin of your content by toggling its bars.

### Color

If you want to change the background color of your video you can do that by clicking on the content you want to adjust its background.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-0d6afa86cc039482b49583e6f6c626941eade875%2FDivider%20-%20Color.png?alt=media)

### Align

You can move your text in different positions as you deem fit, you can position it to the Left, Center, Right, or as Justified.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-86701a0c62eaf5966f4ba82143094066675cea9e%2FDivider%20-%20Align.png?alt=media)

### Height and Width

You can adjust the height and width of your divider by moving the bars to increase the numebers

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-02ae214faebaf6c21c48bc7a29591e9e36745d76%2FDivider%20-%20Height.png?alt=media)

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-485d7c3ed91d96aa17c4561a859cf5ff2d73cc70%2FDivider%20-%20Width.png?alt=media)

### Style

There are three (3) Different styles for your divider, It could be a solid, Dashed, or Dotted divider.

### Advanced Settings

### Visibility

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-da73c1af6eeb5cbf0bfc7d57333dc8e99229770e%2FElement%20-%20Visibilty.png?alt=media)

### Custom Class

Input your custom class here.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-47bae62c4134884acdee5ff4cbd50ce416ce188b%2FDivider%20-%20Custom%20Class.png?alt=media)

### CSS Selector

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-e5b85943ec4077d09db4d670b3e2e12a88639546%2FDivider%20-%20CSS%20Selector.png?alt=media)
