Padding / Margin Issue with Testimonial Slider on Flex Home Page

[gigtime]

Hi,

I’m using the Testimonial slider in the Home Middle widget area just above a Home Page banner. Right now, there are five testimonials loaded. The latest from Mitchell Classen is a bit longer than the others (but still only about 5 lines). When I add his testimonial, it cuts off his photo and leaves several of the testimonial givers’ names and titles hidden. This section also allows plenty of padding on top but practically none on the bottom.

I cannot see from using Chrome’s Inspect tool how to fix this.

[Chinmoy Paul]

Site URL please?

[gigtime]

Oops, that would help. Here it is.

[Chinmoy Paul]

Ok. You are using the third party slider plugin. Following CSS is creating the issue. You will remove it

.lSSlideOuter .lSPager, 
.lSSlideOuter .lightSlider {
    height: 100%!important;
}

[gigtime]

Thanks, that solved the cut-off issue but now it resizes depending on the length of the testimonial. I’ll add some new css to make it look better.

[Chinmoy Paul]

It should be. It is the normal behavior.

[Author]

Posts