redSLIDER Customization

Customization for advanced users and designers

redSLIDER has been created to be overrided and customized. If you are skilled with CSS you will be able to modify the Colors and Structure of the redSLIDER output.

Customise the CSS without hacking

redSLIDER loads a CSS file called redslider.min.css that is located at the media folder /media/com_redslider/css/

In the distributed software we provide the original version redslider.css and the minified one redslider.min.css in order to increase performance. note that in normal execution redslider loads the minified file, however with Joomla Debug (Global Configuration -> System -> system Debug) activated redslider loads redslider.css instead.

If you want to customise the CSS we recommend you to not modify any of the previous mentioned files because you will not be able to update the component when new versions will be released. Instead, Joomla already offers an override system that allows you to modify the appearance without hacks.

If you want to customize this CSS file, just copy

/media/com_redslider/css/redslider.css

and place it into your template folder:

# note that we have renamed redslider.css into redslider.min.css). /templates/YOUR_ACTIVE_TEMPLATE/css/com_redslider/redslider.min.css

From that moment in ahead Joomla will load your customized CSS file instead of the one provided with redCOMPONENT original package.

Now you can freely modify the file and it will not be overwritten when you will install new versions of redSLIDER in the future.

More information at: http://www.babdev.com/blog/139-use-the-media-folder-allow-overridable-media

Customise the HTML without hacking

redSLIDER output is generated by a template file located at /modules/mod_redslider/tmpl/default.php

If you want to customise the HTML output we recommend you to not modify any of the previous mentioned files because you will not be able to update the component when new versions will be released. Instead, Joomla already offers an override system that allows you to modify the appearance without hacks.

If you want to customize the HTML output, just copy

/modules/mod_redslider/tmpl/default.php