{"title":"Changing Slider Skin","id":52024,"link":"https:\/\/env.averta.net\/en\/step\/changing-slider-skin\/","parent":[51852],"content":"<p>Master Slider has many predefined skins for the controls. To select a skin for your slider, first you need to import the slider skin style file to the page. The example below adds <code>minimal<\/code> skin style file to the page.<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;pre&gt;\r\n  &lt;link rel=\"stylesheet\" href=\"href=\"masterslider\/skins\/minimal\/style.css\" \/&gt;\"&gt;\r\n&lt;\/pre&gt;<\/pre>\n<p>After importing the skin styles you need to set the slider skin class name to the slider main element like below example:<\/p>\n<pre class=\"lang:xhtml decode:true \">&lt;pre&gt;\r\n    &lt;div id=\"masterslider\" class=\"master-slider ms-skin-minimal\"&gt;\r\n        &lt;div class=\"ms-slide\"&gt;\r\n          &lt;!-- .... --&gt;\r\n        &lt;\/div&gt;\r\n        &lt;!-- .... --&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/pre&gt;<\/pre>\n<h2>Slider skins<\/h2>\n<p><i>Coming Soon!<\/i><\/p>\n","type":"solution"}