Hello John,

In many "skins" LayerSlider is using PNG images for the navigation gui items. I've attached a PSD file with all the images. You can modify them and create your own skin if you would like.

The skins folder is located in /wp-content/plugins/LayerSlider/assets/static/layerslider/skins

I recommend you to duplicate one of the skins folders (for example borderlessdark) and add a custom name to that folder. You will find a file called skin.png which includes all the images you need (after you've modified the PSD file, you can export it to skin.png). The most important thing is to modify the skin.css file too. If you open that file, you will see, that all CSS rule begins with the skin's name, for example: 

.ls-borderlessdark .ls-playvideo {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
}

etc.

You should change the old skin's name to the new name (the name of your custom skin's folder). For example, if you renamed that folder to myskin, you should change all the "borderlessdark" word to "myskin" in skin.css file:

.ls-myskin .ls-playvideo {
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
}

etc.

Another important thing is that if you've finished your custom skin, you should make a backup of that folder, because in some cases after a LayerSlider update, the custom skin folders can be removed during the update process.

I hope this helps.