slider image

Hi,

I have sized all my slider images correctly
but some are showing with white underneath.

I tried add .flex-direction-nav li .next {
right: -7px;
}
.flexslider {
width: 100.3%;
border-bottom:none;
}
.flexslider .slides img {
width: 100.3%;
}

but it didn't work. Any ideas?

Many thanks
Liz

 

Hi,

Greetings from InkThemes,

I really appreciate your efforts in exploring the things and sharing your knowledge here.

Let me explain you technically what is happening. Although you have defined the width for the images, the height of the images aren't defined. What we can do is to fix every image at equal height so that the white underneath will not appear. To do this please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider .slides img {
    height: 386px !important;
}

Hope it will resolve your issue

Thanks & Regards!
Nitin
InkThemes.com

 

Brilliant. Thank you Nitin