Aug 282014

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:

  1. General Settings
  2. Default Settings
  3. Custom Styles
  4. Advanced Settings
  5. Insert Slide Into Post
  6. Pagination Bar
  7. How To Center The Slideshow
  8. Change Slideshow Width And Height
  9. Troubleshooting

WordPress Slideshow Plugin Custom Styles Steps

Step 1 ) Go to Slideshows -> General Settings -> Custom Styles to set up the following. See image below.

Default Stylesheets

  • 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.


I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>



We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Privacy Policy