Mar 092014
 

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

WordPress Slideshow Plugin Troubleshooting Steps:

  1. WordPress Slideshow Plugin General Settings
  2. WordPress Slideshow Plugin Advanced Settings
  3. WordPress Slideshow Plugin Troubleshooting

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; }

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

LinkedIn
Manuel Ballesta RuizManuel Ballesta Ruiz has written 237 posts. He can be followed on Twitter.

 Leave a Reply

(required)

(required)

7 + three =

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>