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 customize its colors.

How to customize the settings?

Go to "Modules" in your Joomla panel. Open (or create new) DJ-MediaTools module. Now open the "Customize Layout" tab.

Available settings are:

  • 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.

Slider title customization

  • Title font - enter the name of the selected font. You can use generic system fonts or Google Fonts.

title-font-settings

  • 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.

Slider description customization

  • 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.

Slider customization background

  • 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.

Slider readmore customization

  • Read more font - enter the name of the selected font for the read more option. You can use generic system fonts or Google Fonts.
  • Read more 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.

border-radius-djmediatools

  • Description padding - set the padding values for your slideshow.
  • Include Google Fonts (Yes/No) - choose whether you want to use Google Fonts.  

We have used sample settings here:

Slider font customization

And that is how the slider looks on the front page:

slider-example-customize-djmediatools

 

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
 
User Rating:  (0)
PoorBest