Mar 092014
 

Last Updated: October 21, 2014

WordPress Slideshow Plugin Troubleshooting tutorial will provide some of the most common questions asked and ways to troubleshoot your problems.

Latest News: I have added another link to the menu below.

WordPress Slideshow Plugin Tutorials:

  1. General Settings
  2. Default Settings
  3. Custom Styles
  4. Advanced Settings
  5. Pagination Bar
  6. Troubleshooting

WordPress Slideshow Plugin Troubleshooting Tips

The following list are common questions with answers found in the forum.

1 ) How do I change the font, font size, and font color of the description boxes?

Quoted by Stefan Boonstra

Before you begin you should have a basic understanding of CSS, this would come in handy.

Answer: Go to Slideshows >> General Settings >> Custom Styles

If you would like to change the font, font size, and font color of your description boxes, you should do the following.

Look for the “.slideshow_description” lines in the stylesheet:

.slideshow_container .slideshow_description { background: #000; width: 100%; }
.slideshow_container .slideshow_description h2 { font-size: 1.3em; text-align: center; }
.slideshow_container .slideshow_description p { text-align: center; }
.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a { color: #fff; }

To change the font of the description boxes to “Times New Roman” (or any other font available on your website), add “font-family: "Times New Roman";” to the following line in the stylesheet:

.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a { font-family: "Times new Roman"; color: #fff; }

If you wanted to change the font size of the title and description in the description boxes, set “font-size” to a bigger value:

.slideshow_container .slideshow_description h2 { font-size: 2.0em; text-align: center; }
.slideshow_container .slideshow_description p { font-size: 1.5em; text-align: center; }

To set the font color of the description to another color, red for instance, change the “color” to the red color hexadecimal:

.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a { font-family: "Times New Roman"; color: #ff0000; }

The same goes for setting the background color of the description boxes. Look for the “background” attribute and set it to a different color, white for instance:

.slideshow_container .slideshow_description { background: #ffffff; width: 100%; }

The resulting block of CSS code would look something like this:

.slideshow_container .slideshow_description { background: #ffffff; width: 100%; }
.slideshow_container .slideshow_description h2 { font-size: 2.0em; text-align: center; }
.slideshow_container .slideshow_description p { font-size: 1.5em; text-align: center; }
.slideshow_container .slideshow_description h2 a,
.slideshow_container .slideshow_description p a { font-family: "Times New Roman"; color: #ff0000; }

 


2 ) How do I remove the navigation arrows from the slideshow?

Answer: Go to Slideshows >> Slideshows >> Your slideshow

Make sure you select “No” to Activate navigation buttons under Control settings for your slideshow. If you think this is something you don’t want to see on all your new slideshow, make sure you select “No” as above globally under Slideshows >> General Settings.

 


3 ) How do I make my slideshow responsive for mobile devices?

Answer: Someone in the forum created a tutorial to integrate lightbox responsive plugin to the slideshow.

 


4 ) I’m having a problem where Slideshow is randomly choosing a different slideshow to play each time the page loads. I have a custom field in each post called “slideshownumber”. What code do I need to use?

Answer: By Stefan Boonstra, you can use the following code.

<?
$slideshow = get_post_meta($post->ID, "slideshownumber", true);
if ($slideshow) :
do_action('slideshow_deploy', $slideshow);
else :
// show anything else instead
?>

 


I will be updating this post from time to time so keep coming back for the latest.

If you have a question please let me know.

Enjoy

Manuel Ballesta RuizManuel Ballesta Ruiz has written 343 posts.

 Leave a Reply

(required)

(required)

three × 4 =

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=""> <strike> <strong>