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.
29 Comments
This was awesome thanks, I have been looking for a fix for this.
thanks … you’r genus
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!
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.
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?
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.
Thanks for this word around! Mine is working better although now the featured posts aren’t rotating through. Any suggestions?
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.
Thank you so much for the fix, didn’t find it anywhere but u had it. Works like a charm
Thnk you sir.
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?
This can be done using the cascading style sheet like I describe in the article. We also offer website design services if you would like to hire us to customize or fix your blog.
I will definitely consider hiring! I don’t have the funds at the moment but will after christmas. Email me some info if you could! Thanks!
I used the included CSS code, but am having the same problem.
I looked at your site, and although your slider is on the bottom of the page the thumbnails seem to be functioning. Am I missing something?
My thumbnails are working, but my slider is not sliding, LOL… Any ideas? miswimschool.com
I took a look at your site and the slider seems to be functioning, is the problem still happening on your computer?
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!!
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 :
$(document).ready(function(){
$(‘#slider1′).bxSlider({
pager: true,
pagerSelector: ‘#my-pager’,
controls: false
});
add auto: true, to the function and the final function looks like
$(document).ready(function(){
$(‘#slider1′).bxSlider({
auto: true,
pager: true,
pagerSelector: ‘#my-pager’,
controls: false
});
thanx!!! 🙂
Thank you for your support my friend.
I want to put widgets at footer area please help me?
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.
Thank you very much! but my twitter is broken 🙁
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. Site:www.martienvandijk.nl
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.
Please contact me, we would like to get the twitter fixed…
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!