Reputation: 1859
I have nivo slider in my web page. I need to display images of various width and height.The larger image displays behind the smaller image. Please refer the following screenshot.
I have to remove displaying larger image behind the small image. Is there any possibility to do it with nivo slider?
Upvotes: 6
Views: 26449
Reputation: 1
.theme-navigation-inside .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
height: auto;
}
I fhound this took care of the problem
Upvotes: 0
Reputation: 101
I used this and it's worked :)
.theme-default .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width: 556px;
height: 183px !important;
}
Upvotes: 10
Reputation: 1066
add this
<style>
.slider-wrapper,.nivoSlider , img{
width:500px;
height:200px;
margin-bottom:0px !important;
border-radius:10px;
}
</style>
Upvotes: 3