Proper way to center employees object horizontally


#1

I have a single employee and I want to add the employees shortcode to a page such that the employee image is centered on the page. This is the code I originally tried:

[vc_row fullwidth=“true”][vc_column][mk_employees column=“1” count=“1”][/vc_column][/vc_row]

I tried adding the following CSS to the vc_row, vc_column, and mk_employees to center (one at a time):

.center-me {
margin: 0 auto;
}

Did not help. The closest I got was to set the row up with three columns and put the employees shortcode in the center column. It was still left justified. Is there an easy way to do this?

Here’s the link to the page with the 3 column attempt:

http://jordanousley.com/test/

And the corresponding code:

[vc_row fullwidth=“true”][vc_column width=“1/3”][/vc_column][vc_column width=“1/3”][mk_employees column=“1” count=“1”][/vc_column][vc_column width=“1/3”][/vc_column][/vc_row]

What is the proper way in Ken to center objects horizontally?

Thanks!


#2

Hello,

Please add this code in Theme Options > Advanced > Custom CSS:

.mk-employees.column_rounded-style.one-column .mk-employee-item .team-thumbnail, .mk-employees.column_rounded-style.one-column .mk-employee-item .team-info-wrapper {
    float: none;
    margin: 0 auto;
}

Best regards,
Artbees Support.


#3

Thank you, Tatyana. That worked. I appreciate your help.


#4

You’re welcome @Jeff_Ousley.

Best regards,
Artbees Support.


#5

I had a ? on how to get the image to appear, and figured it out.

Thanks!

S.


#6

Hello,

Glad to hear you found a solution.

Best regards,
Artbees Support.