Nublu Slider Fix

Posted on April 28, 2011 in Tutorials

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.


  • John C says:

    This was awesome thanks, I have been looking for a fix for this.

  • yemeni says:

    thanks … you’r genus

  • carl says:

    which part of the stylesheet do you add this code to? It doesn’t look like any other part of the code and I don’t know where to put it!

    • rcaputo says:

      You can add this to any part of the stylesheet. I added it at the very bottom. It did not exist before this is a new entry I created that you will then call from the slideshow.php.

  • Mary says:

    I tried this and it is still not picking up my thumbnails (and the twitter feed is still broken). I am trying to find the right theme to migrate my blogger to wordpress. I think this one looks great. But is giving me some trouble. Could it be because I am running it in previewdns?

    • rcaputo says:

      If you followed the steps exactly you should have no problem with the thumbnails. The twitter feed is probably a whole other issue. Send me the link to your blog and I can take a look if you would like.

  • Mariah says:

    Thanks for this word around! Mine is working better although now the featured posts aren’t rotating through. Any suggestions?

    • rcaputo says:

      You have to check on the categories you have your posts set as. The default is uncategorized. Try setting them to the and see if they work. Then you can go in and adjust which category you want to be in the slider.

  • Raza says:

    Thank you so much for the fix, didn’t find it anywhere but u had it. Works like a charm

  • Hamad says:

    Thnk you sir.

  • Victoria says:

    This code did work for showing the thumbnail photos in the slider but my photos were showing up full size. This made them overlap the post below the slider. I am not a techy person but have some knowledge. I am trying to set up this theme but it is quite difficult since I am relying on forums and such lol. Is there a way to set the sizes of the thumbnails?

  • ginger says:

    My thumbnails are working, but my slider is not sliding, LOL… Any ideas?

    • rcaputo says:

      I took a look at your site and the slider seems to be functioning, is the problem still happening on your computer?

      • Ginger says:

        Got the slider sliding (found the fix) but now my post previews on my blog page are showing the pics full size instead of generating a thumbnail! Rrrrrr!!

    • jogismaya says:

      This is the way :

      trick is to edit header.php found in yourblog/wp-content/themes/nublu/header.php

      There you will find a function :
      pager: true,
      pagerSelector: ‘#my-pager’,
      controls: false

      add auto: true, to the function and the final function looks like

      auto: true,
      pager: true,
      pagerSelector: ‘#my-pager’,
      controls: false

  • Fatih says:

    Thank you for your support my friend.

  • I want to put widgets at footer area please help me?

    • rcaputo says:

      Nublu isn’t setup to have widgets in the footer, it would need to be created with a custom call. If you are interested I can quote you on creating this.

  • Fatih says:

    Thank you very much! but my twitter is broken 🙁

    • rcaputo says:

      The twitter call that the Nublu Theme uses is now depricated and no longer works. Their thumbnails will also break when you update wordpress to 3.5. We have fixed this for a few customers and I can give you a quote to fix all the issues with nublu if you are interested.

  • Is there a way to fix the twitter feed? On my site twitter feed isnt working anymore.

    • rcaputo says:

      There is a fix. We have worked up a fix for multiple bugs on the Nublu Worpdress theme. We have fixed the Twitter feed, broken thumbnail images caused by WordPress 3.5 update on some blogs, and the broken Nublu Slider. For just the twitter feed we charge $50 for us to go in and fix it. Let us know if you are interested in having us fix it.

  • Hi! I’m interested in the Twitter fix. I’ve also fallen victim to a malicious spam link injection and haven’t been able to get any support on a fix. If you can help with that as well I’d be happy to hire you. 🙂 Email me when you get a chance. Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *