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.

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.

full width

Full width option will force images to be displayed at a minimum width of the parent container.

​* This will not make your slider 'full width', edge to edge of the screen,
to achieve this effect, you can use the Blocks app and nest the slider inside of it.

Slide: Upload image

Upload your image.
* Make sure that you are uploading images cropped and compressed for web use,
images too large in size will slow down web page loading.

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.

Alt text

You can include an SEO-friendly alt description for each image uploaded to your slider.

Link slide

Each slide can contain a link if necessary.
​
* To avoid errors, make sure to copy the link from the page inside the browser's address bar,
​and specify if you want to open the link in a new tab or the same one.

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.

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