Here you can find a list of available skins which are included in the download package.
You can change the slider skin by following these steps:
- Find and upload your preferred skin from "skins" folder.
- Import "style.css" from the skin folder into your page as following:
<link rel="stylesheet" href="masterslider/skins/light-2/style.css" />
Specify skin class name to your slider element
<!-- masterslider --> <div class="master-slider ms-skin-light-2" id="masterslider"> <!-- slides goes here --> </div> <!-- end of masterslider -->
Slider Skins | ||
---|---|---|
Shape | Name | Class Name |
default | ms-skin-default | |
Light 2 | ms-skin-light-2 | |
Light 3 | ms-skin-light-3 | |
Light 4 | ms-skin-light-4 | |
Light 5 | ms-skin-light-5 | |
Light 6 | ms-skin-light-6 | |
Light 6 Round | ms-skin-light-6 ms-skin-round | |
Contrast | ms-skin-contrast | |
Black 1 | ms-skin-black-1 | |
Black 2 | ms-skin-black-2 | |
Black 2 Round | ms-skin-black-2 ms-skin-round | |
Metro | ms-skin-metro |
Overview
Content Tools