Employees in a row

Hi everyone,
Is it possible to see more than three employees in homepage without have to scroll right.
I would like to see five employees in homepage, Sydney allows to see max three employees.
Thank you in advance
Regards

Hello there,

To override the default visible employees number, please follow the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

;(function($) {

   'use strict'

   if ( $().owlCarousel ) {
   	$(".roll-team:not(.roll-team.no-carousel)").owlCarousel({
   		navigation : false,
   		pagination: true,
   		responsive: true,
   		items: 5,
   		itemsDesktopSmall: [1400,5],
   		itemsTablet:[970,2],
   		itemsTabletSmall: [600,1],
   		itemsMobile: [360,1],
   		touchDrag: true,
   		mouseDrag: true,
   		autoHeight: false,
   		autoPlay: false,
   	}); // end owlCarousel
   } // end if

})(jQuery);   

These two lines in the code above defines 5 items by default and on desktop screen.


items: 5,
itemsDesktopSmall: [1400,5],

  1. Update

Regards,
Kharis

Awesome!!
It works well!!
Another question: when I move the mouse on the image, it appears a red square. Is it possible to see in this square ONLY the icon (facebook, mail, linkedin) and NOT the employee position associated to each member of the team?
Thank you in advance

Hello there,

You’re welcome!

Yes, it’s possible. What you’ll need to do to achieve it is by adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


.team-item .pop-overlay .team-info .name,
.team-item .pop-overlay .team-info .pos {
  display: none;
}

To vertical center the icons, add this code:


.roll-team .team-item .team-pop .team-info {
  top: calc(50% - 15px);
  top: -moz-calc(50% - 15px);
  top: -webkit-calc(50% - 15px);
}  

.roll-team .team-item .team-social {
  padding-top: 0;
}  

Regards,
Kharis

Amazing, it works as i want.
Thank you so much

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis