Slider Skin

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