Nublu Slider Fix

Nublu Slider Fix

Posted on April 28, 2011

Finally our new blog design is up and running. I would like to thank Nublu for their great theme that I have modified to fit our custom look. This blog is going to contain ideas, samples, fixes, tricks, my thoughts, and views for web design, video design and graphic design.

For my first entry in this blog I would like to help out anyone who was having trouble with the Nublu theme. I was also having the issue of the slider thumb not working but I have created a work around that I will share with you.

First step is to go into your WordPress administrator dashboard, then click on appearance in the left nav. Under appearance choose Editor. Once you are in the Editor choose “styles” from the right-hand nav and add this code to the stylesheet:

.slideImage { width:260px; height:160px; }

After you have copy and pasted this into your stylesheet click save. The next step is to go into the slideshow.php file. Once you are in here go and find this area:

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"> <img src="<?php bloginfo('template_directory'); ?>/thumbs.php?src=< ?php echo imagesrc(); ?>&h=160&w=260&zc=1" alt="<?php the_title(); ?>" /></a>

And replace it with this:

<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img src="<?php echo imagesrc(); ?>" alt="<?php the_title(); ?>" class="slideImage"/></a>

This should now show your thumbnail image. This is the best work around I came up with let me know if this worked for you.