CODEWITHSUNDEEP
javascripthtmlcssnivo-slider
designersvsoft
designersvsoft

Reputation: 1859

nivo slider image resize issue

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.

enter image description here

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

Answers (3)

PCTech
PCTech

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

Hoang Tran
Hoang Tran

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

NassimPHP
NassimPHP

Reputation: 1066

add this 

<style>
    .slider-wrapper,.nivoSlider , img{
        width:500px;
        height:200px;
        margin-bottom:0px !important;
        border-radius:10px;
    }
</style>

Upvotes: 3

Related Questions