Images settings

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

Slider font customization  

  • Visible images - number of displayed images at once
  • Space between images - space between images in pixels
  • Max images - set maximum number of images to be loaded into slider
  • Link image - choose a behaviour of clicked image
  • 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.
  • Title font - enter the name of the selected font. You can use generic system fonts or Google Fonts.
  • Title font size - set the font size by entering the px or em value. Leave the field empty for a default size.
  • 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.
  • Description font -  enter the name of the selected font. You can use generic system fonts or Google Fonts.
  • Desc font size - set the description size by entering the px or em value. Leave the field empty for a default size.
  • 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.
  • Readmore font - enter the name of the selected font for the read more option. You can use generic system fonts or Google Fonts.
  • Readmore font size - set the read more font size by entering the px or em value. Leave the field empty for a default size.
  • 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.
  • Include Google Fonts - choose whether you want to use Google Fonts.
  • Border radius - you can give any slide "rounded corners" by applying a border-radius through CSS.

Customize slide description

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

Customise Buttons

  • 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
  • Navigation bar vertical position – set the vertical position of navigation bar in pixels from the top of the slider
  • 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
  • Indicators style - points/numbers

Slide effect options

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

Customize slider options