ThemeShaper Forums » Thematic


Help! :-) I don't know how tho change the size of the NivoSlider in the Header

(6 posts)
  • Started 11 years ago by MEDIAWISE
  • Latest reply from helgatheviking
  • This topic is not resolved


  1. How do you do it?
    Thanks !

    Posted 11 years ago #
  2. proto

    Hello Mediawise,

    The answer to that may well depend on how you've included NivoSlider into your Wordpress website. If you've used the plugin check out the video here on using and configuring the slider:

    If you've done included it via Jquery see here for the CSS you'd need to adjust, about halfway down the page:

    I hope that helps :)

    Posted 11 years ago #
  3. WOW! Thanks for the fast reply!!! I'll try right away. I am fixing up a WP Thematic web site built by somebody else and I am in the proces of learning.

    Posted 11 years ago #
  4. NO, I am sorry this is not the fix to my specific problem. Can you check this out?
    I need to enlarge the height of the slider. I can do it with the Css file, but the images...they stay at their previous height. I need to reload them so they fit the new height or there some code I need to change somewhere?
    I hope I am no asking far too much...

    Posted 11 years ago #
  5. proto

    Ciao Lucia,

    Come stai? My understanding of NivoSlider (happy for anyone to correct me out reading this!!) is that you need to upload your images to the same height and width that you'd like the NivoSlider to display them at and also ensure that the CSS instructions for rendering your NivoSlider reflect the same height and width as your image size. I think having a smaller image and a larger NivoSlider won't work. I think you need to prepare the graphic files to fit exactly the same height and width that you set your NivoSlider CSS.

    For future reference I had a problem with image size not displaying correctly and Helga helped me out of it with a regeneration plugin You may try to regenerate the images, the plugin above is targeted at thumbnails I think so not sure / doubtful it will work with NivoSlider.

    Otherwise, failing that, ensuring that your CSS file specifying the image height and width you want and that you've uploaded the images to this same height and width and re-upload them? It's a pain but it might solve your problem. To save you time try it with one image and if it works then repeat for all your images.

    Someone else may have a better suggestion on here - (by all means - pitch in anyone) but that's how I'd go about it...

    I might add I saw that your dropdown menu on your main nav might be disappearing behind your NivoSlider. I had the same problem. The way to fix it is to add the following to your CSS

    .nivoSlider {z-index: 0;}

    Hope it helps :)

    Posted 11 years ago #
  6. looks like you're using timthumb to generate the images. you need to adjust the height and width whereever you are defining the images to be used in the slider

    <img src="" alt="" title="Tecnologia all’avanguardia" style="display: none; ">

    Posted 11 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.