Skip to main content

How to use another skin?

RoyalSlider skin is a CSS file with set of styled controls, it can be added to any type of slider.

Inside of royalslider folder you'll find three other folders - default, default-inverted and minimal-white, these are folders with slider skins. They include: .css, .png and optionally .psd file. Each skin has specific CSS class name that you should add to slider (open CSS skin file to find its class name). For example to select minimal-white skin rsMinW class should be added.

<!-- link to skin css in header -->
<link rel="stylesheet" href="royalslider/minimal-white/rs-minimal-white.css">

<!-- add slider HTML with rsMinW class -->
<div class="royalSlider rsMinW">
<!-- slides go here -->
</div>

Skin CSS file is structured and commented, you're free to modify it however you wish.