I'm trying to add rounded corners using CSS (-moz-border-radius: 10px;border-radius: 10px to my images in Nivo Slider.

No matter where I add the CSS, the first image in the sequence loads with rounded corners, but after that the rounded corners are gone. Would really appreciate any help as to where I should add the Code.

THX
Gary

Hello,

Can you please provide a link to your page?

Sure!

>> vmedia.de/maitreback/

Hello,

Please add the following in your css:

.nivoSlider, .nivoSlider img, .nivo-slice{
	border-radius:10px;  /*change value based on preference*/
}

Thanks for your quick resposne!

I tried your suggestion, but of course, every slice now has rounded corners:
vmedia.de/maitreback/index.html

thx
Gary

Sorry i forgot to explain this is working with Fade effect only as there are no any slices.

In order to make the first and last slices corners rounded you need to modify the jquery code, but we do not support any modification of the code.

I will add this option to the wishlist for the future updates.

Ok, yea I never thought of that. Thanks again for your help!
Gary