Customize layout DJ-MediaTools

Customize layout DJ-MediaTools

 Slide settings

Title

  1. Show title - yes/no
  2. Link title - yes/no
  3. Title limit - Limit the number of characters in a slide title to show in a description box. 
  4. 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.
  5. Title font - enter the name of the selected font. You can use generic system fonts or Google Fonts.
  6. Title weight
  7. Title font size - set the font size by entering the px or em value. Leave the field empty for a default size.

Description

  1. Show description - yes/no
  2. Link description - yes/no
  3. Description limit - Limit item description to the specified number of characters (the system will cut description after a word containing the character at a specified position). Set to '0' (zero) to disable the limit.
  4. 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.
  5. Description font -  enter the name of the selected font. You can use generic system fonts or Google Fonts.
  6. Description font-weight
  7. Description font size - set the description size by entering the px or em value. Leave the field empty for a default size.
  8. Description 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. 
  9. Position - choose the position
  10. Effect - choose the animation effect
  11. Width - description area width in pixels
  12. Padding -  enter padding for description area with unit (px, em or %)
  13. Vertical position - set the vertical position of the description area in pixels from the bottom border of the image
  14. Horizontal position - set the horizontal position of the description area in pixels from the bottom border of the image
  15. Center vertically - choose if you want to center the description vertically and horizontally

Readmore 

  1. Show Readmore - yes/no
  2. Read more text - change the text of the read more link
  3. 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.
  4. Readmore font - enter the name of the selected font for the read more option. You can use generic system fonts or Google Fonts.
  5. Readmore font-weight
  6. Readmore font size - set the read more font size by entering the px or em value. Leave the field empty for a default size.
  7. Readmore position - set the Readmore position

Customize border 

  1. Show border  - yes/no
  2. Border type - choose from the list
  3. Border 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.
  4. Border size - set the border size by entering the px or em value. Leave the field empty for a default size.
  5. 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 the Border-Radius page and use the generator. The border radius feature is not available for the Skitter Slideshow layout.



Joomla slideshow extension
  1. Visit DJ-MediaTools page to learn more about the available features. 
  2. Check the documentation for our Joomla gallery and slideshow extension.



      • Related Articles

      • How to customize slide in DJ-MediaTools

        Make a creative slideshow with unregular shapes, customized colors for each element of the slide. You can change the overall look of the slide using a border-radius feature, background color, fonts for title, fonts for read-more, description and ...

      • DJ-MediaTools integration. Make beautiful product galleries with DJ-MediaTools

        How to set it up First, you need to be sure you have the latest DJ-MediaTools version installed along with the enabled DJ-Catalog2 integration plugin for DJ-MediaTools.  You can also download the plugin from the DJ-MediaTools Downloads ...

      • Customize layout

        Customize layout 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 ...

      • DJ-MediaTools Source plugin

        This plugin allows using DJ-Catalog2 products as a source of DJ-MediaTools Albums. This plugin requires an installed DJ-Catalog2 extension. This plugin comes free with the subscription of the extension. You'll find it installed (you may need to ...

      • DJ-MediaTools plugin

        This plugin allows using DJ-Classifieds ads as a source of DJ-MediaTools Albums. This plugin requires an installed DJ-Classifieds extension.  This plugin comes free with the subscription of the extension. You'll find it installed (you may need to ...