Center Employees

http://maquetaoxigeno.guordit.com.mx/oficina/

On the link above that is the site i’m working on, there are 5 employees 3 on top and 2 below, those 2 i would like to have them centered, how can i dod that.

Thanks for your help.

Best regards.

Serch

Dear Serch,

Thank you for posting in.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

@media only screen and (min-width:992px){
  #panel-336-0-1-3 .roll-team .team-item:first-child{
    margin-left: 17%;
  }
}

Let me know how it works.

Regards,
Kharis

That code worked prerfect.

thanks a lot.

Great! You are always welcome here.

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

Hello Kharis, the code you gave me broke when i erased one image on the site i was working, can you helpme to center de employees back again.

is the same issue as above quote " http://maquetaoxigeno.guordit.com.mx/oficina/

On the link above that is the site i’m working on, there are 5 employees 3 on top and 2 below, those 2 i would like to have them centered, how can i do that." unquote

Thanks a lot.

Best regards.

Serch.

Hello there,

Please use this code:


@media only screen and (min-width:992px){
  .widget_sydney_employees_type_b .roll-team .team-item:nth-of-type(4){
    margin-left: 17%;
  }
}

Regards,
Kharis

Thanks a lot it worked.

best regards.

Serch.

No worries. Just go easy on it.

Regards,
Kharis

Hi there,

My Employees widget (used for products actually), it has 1 item only for now, it is aligned center for mobile and desktop view, but it’s not for tablet view.
www.eurovit.eu.
I have ticked the proper boxes in the widget editor and tried the following suggested codes:

    #panel-220-0-0-0 .roll-team.type-b .team-item {
      width: 100%;
    } 
    @media only screen and (min-width:992px){
      .widget_sydney_employees_type_b .roll-team .team-item:nth-of-type(4){
        margin-left: 17%;
      }
    }

Could you help me please?

Thanks

Hello there,

I hope you’re doing well today.
Thank you for contacting us.

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 601px) and (max-width: 970px) {
      .roll-team.owl-carousel .owl-wrapper {
        max-width: 360px; 
        margin-left: auto;
        margin-right: auto;
      }
    }

In case this code doesn’t change anything, please share a screenshot to point the exact location.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support