Slider module

The Slider module supports classic slider, tab slider, and carousel slider.

Classic Slider

Click “Add slide”, you will see this panel:

click “Add new image”, you could upload or choose a image from WordPress media library panel.

You could set Title, Caption, Arrow, and Page number show or hide. Set the style, color, spacing, and size.

You could set the slider elements color for each slide. Please set the Logo/Menu Alternative color in Theme Option.

You could define the Slider height:

If you set “100% of Screen Height”, the Slider will be the same height with the viewport. You could create a fullscreen hero slider with fullwidth layout.

If you active “Screen Height Minus Header and Footer”. There is not scrollbar if there is other elements in this page. The option will shown with “100% of Screen Height” is selected only.

The “Fit Image to Container” option is enable. The slider image will fit instead of fill into container.

You could set showing/font/align/spacing for slider title/caption.

You could set showing/uploading/size/position/spacing for slider arrow.

You could set showing/font/position/spacing for slider pagenumber.

Custom Mouse Cursor: It is for customize the mouse cursor on the slider Next/Prev navigation. If the “Show Arrow” is disable, the “Custom Mouse Cursor” is shown(this option was same as “Arrow Go with Cursor”, it was moved out from “Arrow position” SEA version 1.3.2) You could upload the 2 images to replace the mouse cursor.

Notice: If the mouse cursor is not shown, please check if the uploaded images size is less than 128 x 128px. Please make sure there is width and height value in SVG source code if you upload SVG format images, like: <svg width="72" height="72" ...>..</svg>

The padding/spacing for the slider elements:

You could set animation for the slider.

Tab Slider

You could set the tab text style.

The padding/spacing for the tab text:

You could set the arrow position.

To open a URL when clicking a slider image, please active “Enable link”. 
Please go to “Media Library” to enter the URL for the image:

Was this article helpful?

Related Articles