Slider dots

Select if you want to use the slider dots as a navigation helper.

Specify if you would like to have the dots positioned under the slider or on top of the slider (at the bottom).

Choose an accent color for the dots by using the color picker tool, 
or include valid color values such as hex and rgb.

* Important: either the slider dots or slider arrows have to be activated to navigate through slides inside of the Weebly editor

Slider arrows

Select if you want to use the slider arrows as a navigation helper.

* Important: either the slider dots or slider arrows have to be activated to navigate through slides inside of the Weebly editor

Arrow size

The arrow size can be increased/decreased,
​the value is set in pixels.

Arrow radius

Round your arrows by increasing the arrow radius,
the higher the value the rounder.

​* if you want squared boxes around the arrows, set this value to '0'.

Arrow background

Select the background color of the arrows using the color picker tool or 
include a valid color value such a hex or rgb.

​Also set the hover background color, when someone mouse over the arrows.

Arrow color

Select the color of the arrows using the color picker tool or 
include a valid color value such a hex or rgb.

​Also set the hover color, when someone mouse over the arrows.

Minimum height

Minimum height will specify the minimum height each slide's content area should have.
If a low number is selected it will automatically expand to the height created by the slide's content.

Each slide will have the same height, so the tallest slide will be the 'leading' slide, other slides will match for height values.

Infinite loop

Infinite loop will allow the slides to go round.
​
The other included option is 'stop at end',
this way when the last slide has been reached it won't slide back to the first slide.

Use autoplay

Autoplay will animate automatically through the slides without the need of using the slider arrows or dots.

Whenever this option is selected you can specify the duration each slide has to be shown before animating to the next one,
​the value is set in milliseconds.

​* If a user hovers the slider (possibly in an attempt to read/view the current slide's content) the autoplay will pause.

partial slider

Partial slider will show a small part on each side of the current slide (the previous and next slide).

Additional option is to select wether this next and previous slide should have a little bit of spacing between them or if they need to be stuck to each other.

* The dashboard view can differ from the actual live slider.

Slide: background type

Each slide individually can have a color or image set as a background.

To select a color use the color picker tool or use any valid color value such as hex or rgb.

When background image has been selected, you will have an input field to upload your background image.
Try cropping and compressing the image for web use.
Large heavy images are often the reason why web pages run/load slow.

* If you want to have a complete transparent slide, use the color picker tool and drag the opacity slider all the way to the left so it becomes fully transparent.

Image position

Whenever an image as a background has been selected for a slide, 
you can x- and y-position that image.

X-values you can align it to the left, center or right.
Y-value can be either top, center or bottom.

Slide border

Your slide can have a border where you can specify:

• border width
• color
• style

Border width is a value in pixels.

Select a color for your border by using the color picker tool or include any valid color value such as hex or rgb.

The style of the border can be:

• solid
• double
• dashed
• dotted

* Borders can be set individually, so each side (top, right, bottom, left) can have its own border settings.
​* If no border is needed, simply set the border width value to '0'.

Slide radius

Your slide can have rounded corners by setting a value in the border radius input,
this value is set in pixels,
the higher the value the rounder the corners.

* To have squared corners, simply set the value to '0'.
* You can set all corners (top-left, top-right, bottom-right, bottom-left) individually, so each has its own style.

Slide paddings

Horizontal and vertical padding for each slide can be included,
a value to be set in pixels.

Horizontal padding will create spacing between the left and right edge of the slide and its inner content.

Vertical padding will create spacing between the top and bottom edge of the slide and its inner content.

Slide animation

A slide's content can have some animation set to it whenever it animates into view.
The following 4 types of animations are included:

1. slide in from top
2. slide in from bottom
3. slide in from right
4. slide in from left

Slide handling

To add a new slide you can click on the rounded '+' button, a new slide will be appended (included as a last slide),
you can drag around slides by using the center drag handle.

To delete a slide, you can simply click the 'Delete' icon 'x' located at the right of each slide,
this action is irreversible and can not be retrieved once deleted, along with the slides any of its content included inside of the Weebly editor will get lost.

Sometimes it is faster to copy an existing slide than creating a new one,
copied slides will inherit the same style as the original one, which can save time.
Note that the content of a copied slide will not be copied along with it, it will only inherit the slide's styles.

Access the settings of each slide by clicking on the 'gear' icons positioned at the left of each slide.