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.

wordpress-plugin-slideshow11

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.

wordpress-plugin-slideshow-custom-styles-delete

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.

wordpress-plugin-slideshow-custom-styles-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.

Enjoy

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 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>

(required)

(required)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.