Docy

– Video

Estimated reading: 4 minutes 926 views

General Settings

This is where the majority of the edits are made.
 
 

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.
 
 

Spacing Option:

There are different spacing options available for adjusting your video content.
 
 
  • 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.
     

Background 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.
 
 

Box Shadow

Here you can add shadow to your box to make the border visible.
 
 

Video Type

You can select the video type you want from the available options.
 
 

Video URL

You can type a video URL here to display it in your page.
 
 

Auto-Play

To turn on the Auto-play option, simply toggle it on.
 
 

Controls

To have the video under parental control, simply toggle it on.
 
 

Width

You can adjust the size of the video to either full width, 3/4 width, or half-width.
 

Advanced Settings

Border Option:

Border

Decide what type of borderline you want. If you click on any border type aside from “No Border”, it drops down more border options:
 
 
Style
Select the type of borderline style you want.
 
 
Width
Click here to select how thick you want the borderline to be.
 
 
Color
Choose a color for your borderline.
 
 
Radius
If you don’t want your borderline to have a sharp corner edge, you can decide how curvy you want the edge to be by selecting from the radius options.
 
 
Radius Edges
Here you can choose which side of the edge you want to adjust; All edges, Top only, or bottom only.
 
 

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.
 
 

Custom Class

Input your custom class here.
 
 

CSS Selector

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

Leave a Comment