Team carousel height

[wilhem]

Hi team,

Team carousel ( and also client carousel ) is based on the first-child team height and not on highest team height.

So if your first child has no Tel / mail or picture, other items are cutted by carousel height resizing.

Url in private

Best,
Wilhem

[wilhem]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Although it seems that you have identified a problem in the carousel, in the teams carousel they should have images, in the ones you don’t have picture you can place an silhouette placeholder or white image.

In the clients Carousel you should use images with similar sizes, creating a white box around or else the logos won’t be properly aligned.

Will have to check the carousel issue with Ed.

-Rui

[wilhem]

Hi Rui,

Yes, i can and i will add placeholder for team. But i can’t do nothing with additional informations like phone or not, mail or not, …

Good idea for clients. I’ll do that way.

Thanks a lot,
Wilhem

[Mohammad – SUPPORT]

Hi,
Please try to use this custom css code:-

 .page-id-31 div.owl-wrapper-outer{height:466px !important;}
 .page-id-981 div.owl-wrapper-outer{height:140px !important;}

Thanks
Mohammad

[wilhem]

No, that’s not clean and scalable.
It has to be a JS fix and not a CSS fix.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.team-members.carousel-items .owl-wrapper-outer {
  min-height: 473px;
}

That should sort it

– Kyle

[wilhem]

It’s not a good solution because, sometime, there is a [email protected] on 2 lines.. for example.

It has to be a average calculated height in javascript.

[Kyle – SUPPORT]

With that css I did not get any issue, as I used the height of the tallest team member, so now no team members get cut off

– Kyle