Home / Help / Documentation / DJ-Mediatools / Customize layout

Slider font customization

  • 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.
  • Description font size - set the description 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. The color can be chosen from the color palette or defined by typing RGBA parameters.
  • 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.
  • Border radius - you can give any slide "rounded corners" by applying a border-radius through CSS.  If you are not sure how to configure it, visit Border-Radius page and use the generator. The border-radius feature is not available for Skitter Slideshow layout.
  • Description padding - enter padding for description area with unit (px, em or %)
  • Include Google Fonts - choose whether you want to use Google Fonts.

Customize effects

  • Ken Burns Effect - slowing zoom and panning the image instead of displaying a static image
  • Transition effect - choose the transition effect from the list
  • Transition effect type - apply the effect at the beginning/end of the transition or leave 'auto' to let the system choose
  • Slide duration - set transition effect duration in milliseconds.
  • Next item delay - set interval time between items in milliseconds.
  • Lag time - lag time in milliseconds. It's effect for Modern Slider layout.
  • Preload delay time - you can specify the preloading time in milliseconds.

Customise Description

  • Description position - choose description area position
  • Description width - description area width in pixels
  • 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 bottom border of the image
  • Center description vertically and horizontally - choose if you want to center the description vertically and horizontally

Customise Navigation

  • Previous Button - Select "The previous Button" image to use instead of the default image
  • Next Button - Select "Next Button" image to use instead of a default image
  • Play Button - Select "Play Button" image to use instead of the default image
  • Pause Button - Select the "Pause Button" image to use instead of a default image
  • Navigation bar vertical position - set the vertical position of the navigation bar in pixels from the top of the album
  • Navigation bar horizontal position - set horizontal position for the navigation bar. You can use negative value if you want arrows to go outside the album
  • Dots navigation position - choose dots navigation position
  • Dots navigation alignment - choose dots navigation alignment
  • Loader icon position - choose loader icon position

Customize layout

Joomla slideshow extension

Are you interested in DJ-MediaTools Joomla Gallery and Slideshow extension?


Found this article interesting? Subscribe for more.
Or share this article with your friends.

Subscribe to the Telegram bot / Subscribe to the Messenger Bot