Home Page Flex Slider Cropping

Activello
1

Hi,
So the slider seems to takes the post’s feature image and ends up cropping some of the image out when it is displayed. This even happens when i used some other forum tips you guys gave (Code below does increase the height but stretches images out for me) I was wondering if i could increase the height and not stretch the image out. if not I can probably edit my feature images and add some extra space above or below to make it fit nicely.

.flexslider {
height: 350px!Important;
}

.flexslider .slides img {
max-height: 350px!Important;
}

.flexslider .slides {
height: 350px!Important;
}

img.attachment-activello-slider.size-activello-slider.wp-post-image {
height: 350px!Important;
}

li.flex-active-slide {
height: 350px!Important;
}

2

Hey there,
I hope you’re doing well today

It would be best to edit my feature images to achieve the desired results,

You’ll need to adjust the width as well as the height to keep the images proportionate.

/*Adjust Slider */
.flexslider {
height: 350px!Important;
}
.flexslider .slides img {
max-height: 550px!Important;
  width:105%
}
.flexslider .slides {
height: 350px!Important;
width:105%
}
img.attachment-activello-slider.size-activello-slider.wp-post-image {
height: 350px!Important;
}
li.flex-active-slide {
height: 300px!Important;
}

You can adjust the width to your preference to get it to your liking.

Best Regards,
Support

3

Thankyou for the response! I will mess around with it .

4

Hello Again,
My issue now is that the image in the slider images are getting chopped at the sides.
I am hoping you can help me fix this so no matter the size of the screen the slider shows the full image.
Below is the link to the site i am working on:

Thank you ahead of time!

5

If you do not want slider images to crop then please use the custom plugin solution shared in the following topic.

https://colorlibsupport.com/t/increase-slider-height/#post-66716