Last Updated: February 14, 2016
WordPress Slideshow Plugin Custom Styles will show you how to duplicate and or add a new custom style and much more.
Latest News: I have added another link to the menu.
In this tutorial you will learn how to create new custom styles and give the style a name. It is always a great idea to provide a name that will let you know why you created that custom style for future reference. Remember you can have as many styles as you want. Each style will represent a different setting and layout.
For example you can have a custom style for slideshows with YouTube videos. You can have another custom style for Images from a wedding etc. I think you follow what I mean.
You will also learn how to properly delete any custom style you no longer need.
Note: I will be adding more features very soon to this post especially how to customize the style and what css code to add.
WordPress Slideshow Plugin Tutorials:
- General Settings
- Default Settings
- Custom Styles
- Advanced Settings
- Insert Slide Into Post
- Pagination Bar
- How To Center The Slideshow
- Change Slideshow Width And Height
WordPress Slideshow Plugin Custom Styles Steps
Step 1 ) Go to Slideshows -> General Settings -> Custom Styles to set up the following. See image below.
- Light Customize
- Dark Customize
Click on either Light Customize link or Dark Customize link. In this example I clicked on Light and added a name New – Light to my new style. (You can name your style what ever you want)
Once you finish editing the new style click on Save Changes button. You will notice a new style added underneath Custom stylesheets.
Step 2 ) What if you wanted to delete a custom style created by you?
The following images shows what to do to delete a custom style.
- Click on Delete to delete the new custom style added or any other style you choose to delete.
- A pop up window is displayed with the following message Are you sure you want to delete this custom style?… I click on OK and the custom style is deleted.
Important: If the pop up window is not displayed check your browser settings. Make sure that pop ups are allowed.
Step 3 ) The following image displays an empty Custom Style Editor window. Click on Save Changes for this action to take place.
Important: You must click on Save changes button for each step or else your style will not be deleted.
Click on the following link Advanced Settings to continues with the settings.
I will be updating this tutorial from time to time so keep coming back for the latest updates.
If you have a questions send me an e-mail or leave a comment.