Using skins

Downloading and Organizing

Using an Evo Slider skin is very easy. We recommend you to put all your skins in one directory called css. When downloading new skins, just add them to your existing skins directory for easy access. Here is an example of how your structure could look like:

/evoslider
    /css
        /default
            /default.css
        /newSkin
            /newSkin.css
                

Please note that there are no restrictions placed on where and how you organize your files, this is just an example to simplify the documentation.

Loading a Skin

You can load a skin by manually adding a link tag that points to a skin, like so:

<link rel="Stylesheet" type="text/css" href="evoslider/css/default/default.css" />
                

Don't forget to add the skin class into the Evo Slider's <div> element, for example applying the default skin:

<div id="mySlider" class="evoslider default">       
    <dl>
    
	    <dt>slide one</dt>
	    <dd data-src="image1.jpg">
	    </dd>
	
	    <dt>slide two</dt>
	    <dd data-src="image2.jpg">
	    </dd>
	
	    <dt>slide three</dt>
	    <dd data-src="image3.jpg">
	    </dd>
	
	    <dt>slide four</dt>
	    <dd data-src="image4.jpg">
	    </dd>  
    
    </dl>
</div>