Effects not working

Looking into it. Not sure what the cause is yet, since the effects are properly passed to NivoSlider. May be a styling issue or perhaps script conflict. I’ll let you know when I know more.

Thanks. Also, just so you know it was working and then while I was positioning the slider to scale properly for mobile browsers it stopped. So maybe it is a style problem…I just don’t know what it would be.

any word on this?

Sorry for the wait. I don’t have a lot of free time to spend on this, but it will get done, promise! I’ve pretty much overhauled the plugin and made it object oriented, making it easier to alter it in the future. (I will most likely be releasing a version for Flexslider as well) and I added theme support. In any case the effects should be working with next release.

Found the CSS problem that was ruining the effects!

For now you should fix it manually until I release the next update:
Edit the nivo-slider.css and change it so that .nivoSlider img is has a max-width of none !important.

Like so:

.nivoSlider img {
max-width: none !important;
}

You can also do it in your theme stylesheet or whatever. What was happening is that your theme’s (or something else) stylesheet was overriding the value, thus breaking the effects.

Ok…well I just saw that the plugin was updated, and I updated it before reading this and now it’s messed up more. The styling got thrown off and does not seem to save when I change it. In Opera and Chrome the slider doesn’t show up at all anymore. But the effect works in Firefox at least. I also have two reference errors in the console – not sure if they are related to the plugin but I didn’t have them before.

Strange. You can’t set a theme from the options page under Nextgen Gallery -> NivoSlider?

I do not have issues with other browsers. Could you show me the page on which this is happening?

There is a problem with the widget right now (which I found out right after I releasd 3.2.4 for which I will be releasing a bugfix within today. If possible I’d like to resolve the issues you’re having in the same update.

I’m only using the slider on my home page – https://macrodiver.com

I didn’t see the option for selecting a theme but it is set to default. Not sure why I would use any of the others? I had it positioned properly before the update to be centered over the background image I have set but now the it’s too high and doesn’t seem to move when I update the styles.

…also, these are the styles that should be in place to properly position the slider but they are not working, at least on my end.

#featured {
        padding-bottom: 5px;
	width: 99.893617021277%;
	background: url("https://macrodiver.com/wp-content/themes/macrodiver/images/slide-bgsm.png") no-repeat;
	background-size: 100%;
}
#featured-image {
    margin: 27px auto;
    max-height: 498px;
    max-width: 920px;
    padding: 0;
    position: relative;
    top: 0;
}

Where are you editing the nivo-slider’s CSS? Since it is now supporting themes, there is a theme .css being loaded and a theme-themename class being added to the slider. So for example if you’re using the default theme the plugin will load

nextgen-nivoslider\themes\default\default.css
and will add the theme-default class to nivoslider. In the default.css styles are being set as following:

.theme-default .nivoSlider. {
}

Meaning it might be overriding your styles if you’re defining them elsewhere and with less selectors. Edit default.css (or another theme, depending on which one you’ve chosen) to alter the style or be more specific with your selectors. If wanted I could also add an option to disable themes altogether. I implemented them to make all the functionality of NivoSlider available.

have you tried setting the CSS as following?

#featured-image .nivoSlider {
margin: 27px auto;
max-height: 498px;
max-width: 920px;
padding: 0;
position: relative;
top: 0;
}

Since this is specific it should set the style to the nivoSlider container.

The above css I was editing in my themes main css. After updating the plugin I haven’t modified any of the nivoslider css.

However, today I just checked and it appears to be working properly. I think a problem I’m running into is terrible internet on the island I’m on. It’s making developing this site extremely difficult.

thanks a lot for your help. at the moment I think it’s safe to say that all issues are resolved.

Glad to hear you were able to resolve your issues! Let me know if you run into any other problems.