Customize layout

Images settings

1. Visible images - number of displayed images at once
2. Space between images - space between images in pixels
3. Max images - set maximum number of images to be loaded into slider
4. Link image - choose a behaviour of clicked image

Slider font customization  

1. Visible images - number of displayed images at once
2. Space between images - space between images in pixels
3. Max images - set maximum number of images to be loaded into slider
4. Link image - choose a behaviour of clicked image
5. Title color - choose the title color and a transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
6. Title font - enter the name of the selected font. You can use generic system fonts or Google Fonts.
7. Title font size - set the font size by entering the px or em value. Leave the field empty for a default size.
8. Description color - choose the description color and a transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
9. Description font -  enter the name of the selected font. You can use generic system fonts or Google Fonts.
10. Desc font size - set the description size by entering the px or em value. Leave the field empty for a default size.
11. Read more color - choose the read more color and a transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.
12. Readmore font - enter the name of the selected font for the read more option. You can use generic system fonts or Google Fonts.
13. Readmore font size - set the read more font size by entering the px or em value. Leave the field empty for a default size.
14. Background color - choose the background color and a transparency-level, where 1 is not transparent at all, 0.5 is 50% see-through, and 0 is completely transparent.
15. Include Google Fonts - choose whether you want to use Google Fonts.
16. Border radius - you can give any slide "rounded corners" by applying a border-radius through CSS.

Customize slide description

1. Description width – description area width in pixels. Leave empty for 100% width
2. Description vertical position – set the vertical position of description area in pixels from the bottom border of the image
3. Description horizontal position – set the horizontal position of description area in pixels from the left border of the image

Customise Buttons

1. Prev/Next/Play/Pause Button – type here a path from joomla root folder to the navigation button image. Leave this field empty for default button image. Example: images/stories/prev.png
2. Navigation bar vertical position – set the vertical position of navigation bar in pixels from the top of the slider
3. Navigation bar horizontal position – set the horizontal position (left and right margin) for navigation bar. You can use negative value if you want arrows go outside the slider
4. Indicators style - points/numbers

Slide effect options

1. Slide effect - choose from the list
2. Slide effect type – choose the effect type or leave 'auto' to let the system choose
3. Slide transition time – set the slide transition time in miliseconds (1000 ms = 1 second). Leave empty to let the system choose
4. Next slide delay – set the pause time between slides in miliseconds (1000 ms = 1 second). Leave empty to let the system choose
5. Preload delay time - you can specify preloading time in miliseconds (1000 ms = 1 second). If you leave it empty, slider will be shown when the page loaded