bolteh

Thanks for your answer.

I actually don’t have a content.php (this is the first time I’m creating a theme for WordPress from scratch).

I just found that piece of code somewhere and figured U just had to copy paste it in my code.

Update!
I added the following 2 classes at the bottom of flexslider.css:

.slides {
	z-index: 1 !important;
}

.flex-active-slide {
	z-index:2 !important;
}

This fixes the fact that slide 2 gets loaded behind slide 1 the first time around. However, the fade animation is gone for the first round of slides. The second time around the fade works properly

Check URL I posted before.

For IE7: I went into flexslider.css itself (instead of the styles.css of wordpress) and added a fixed height of 360px and the overflow there to .flexslider, that appears to have done the trick for my specific case (my banners will always be 360px high anyway).

—

The “BannerPlugin” class there is just a DIV I created, not part of a plugin. Originally I only had wp-cycle for the image rotation, but that thing kept breaking when stuff got updated, so I gave up on it (and as such has been removed).

I also put the slider on a page using [slider id=…] but that still has the problem.

I’ll keep that [slider] there (homepage, below the title), maybe it’ll give you a better idea of what’s going on).

I just deactivated all the plugins and set the theme to default, but that didn’t fix it.

The test-server with the slider on it: https://www.minetti-manilli.com/amplidata/

This only has 2 slides instead of 4, but it has the same problem: second slide fades in behind the first one at the start.