Help with Nivo Slider

You seem to have some extra divs. Remove them from around the theme-default and check. The extra divs is causing the elements within it to start again from (0,0) position.

I have a problem that the bullets of the slider are interfering with my navigation bar. See http://www.lakemac.heritage.edu.au

Any ideas?

simon & royanefd,

In a day or two, I am going to publish the article about “Advanced Nivo slider customizations”. That is going to include steps for replacing header banner with slider. When you replace the banner, either you have to provide sufficient room for bullets (or) increase the header height to fit it. I am going to explain this with an example page of siteshowcase.weebly.com. Also, I will make the siteshowcase theme available for free download so that you get to compare it and play with it.

To hide the bullets at the bottom of Nivo Slider, add

.nivo-controlNav {
      display: none;
{

You can add it to main-style.css (or) you can update the nivo slider’s css itself.

is there a way of changing the width and height of the nivo slider? would like to make it smaller to fit in the layout of a landscape homepage. ty

@timelody, that should go away when your site goes live. It’s an issue with how the style sheet is referenced. The preview throws the structure away.

Just thought of letting you know: Your slides seem to be wider than the container. You may want to check.

Here is a working demo: http://demo.weeblyforums.com/G99G61
For the time being, you can change css link rel to include the full path to the style sheet at siteshowcase.weebly.com

<link rel="stylesheet" href="http://siteshowcase.weebly.com/files/theme/nivo-slider-default.css" type="text/css" media="screen" />

Ok In addition to the question above . . .

I want it to fade and also to pause for 6 seconds. I can get it to fade but then my navigation disappears in preview. Maybe this will clear up?

But I also can’t for the life of me get the fade and pause code right. Something like this??

jQuery(‘#slider’).nivoSlider( { effect:’fade’}{
pauseTime: 6000
});

Ok, thanks so much! I seem to have mastered NivoSlider http://preview.editmysite.com/E3IE61 Using it on 2 pages (see “Huatulco” in addition to home page) in different ways, with alternate page types, one with custom html, one with “Add to Head” option, fade options, pause times, etc.

Now, if you look at my pages, however, there is a significant gap below the banners which I would love to get rid of. Is this possible? Is this becasue of the empty space left by no display of slider navigation?

hello, I had follow the instruction how to do the slider on http://weeblyforums.com/2012/05/nivo-slider-for-weebly-16-slide-headers-rotating-banner-plugin-for-weebly-sites/, but unfortunately i can’t edit codes because there is no index.html on the editer only landing, no-header, short-header and tall header only. Please help how index.html would appear

hello raju! thanks for wonderful insights, i had the nivo slider but as you can see – http://www.philippinelands.com/index.html – there was an excess glassy box ( i think it was the slider). how can i eliminate that glassy glass and adjust it upward to cover the background image. Your response it greatly appreciate.

thanks genius!

hi raju, it is now working, thank you very much.

can i make i request raju, i been searching for the topic of floating social buttons, but there was no article about it. hope we can get it like a side bar that even you scroll down and up it won’t be move/stays on its position. Hope there would be a like button, twitter, digg. I knew about share but there was no like button there and only share button.

i enjoy reading you articles and feedbacks from your fan. hope we can get this floating social media buttons thanks!