Slider image size

Hi there,

Can you tell me if I am able to reduce the size of the slide images on the slider please?

I have reduced the slider height to 200px, and would like to reduce the size of the slide images, and position them correctly as they now are overlapping outside of the slider.

This is the URL of my website: fegans.co.uk

Thank you.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.flexslider .slides {
height: 200px;
margin-top: -26px;
}
.flexslider .slides img {
height: 200px;
}

Thanks & Regards
Pramod

 

Thanks. The image is still slightly overlapping though, and there seems to be an image behind the slides, that can be seen in the top corners, that I am unable to remove.

 

Hello,

Please use below code after all custom CSS code.

Code:

.flexslider .slides {
margin-top: 0;
}
 
.flexslider {
margin-top: -6px;
}

Thanks & Regards
Pramod

 

Thank you. I really appreciate your help.