Displaying 2 team members in the center of the page using Team Element

[baladixit]

Hi,
I am building the About Us page for my website. And in the page in the Our Team section I am using the “Team” Element. The thing is there are only 2 team members and when I make only these 2 team members in the Published state (by going to the Team option in the left side of WordPress) I am able to see both of them in the About Us page.
But the placement of them is to the extreme left. And not in the Center. I want to show the two team members in the middle of the page.Can you tell me how to do this. I am not aware of HTML/CSS. If you can help me how to do this it would be great.

If I had 5-6 team members I would not have faced this problem. Because it would have covered the complete breadth of the page.
I am attaching the snapshot of the “Our Team section of the About us page for your reference
Thanks

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Please provide me with your link so I can check

– Kyle

[baladixit]

Hi,
Since I am in the development phase I am doing all this locally in my machine. So I think I will not be able to share the link. Have hosted the WAMP server and installed WordPress locally in my machine. Also I installed the flexform theme.
I am attaching the file which shows the team on the left side.

Please let me know if I need to provide any further details
Thanks
Tapas

[Kyle – SUPPORT]

Reduce the Team element down to 1/2 width, then set to 2 col. Then in the extra class field add

offset-3

If that doesn’t work try

col-md-offset-3

– Kyle

[baladixit]

Hi,
Sorry about this I am not sure how to make the width 1/2 and col to 2.
This is the team element code when I see it in Classic Editor:

[/vc_column_text] [team item_count=”2″ category=”all” social_icon_type=”dark” pagination=”no” el_class=”col-md-offset-3″ width=”1/1″ el_position=”first last”]

After doing this things do not change.
Can you please do the modifications how to add the width and the col and the class please.

[Rui Guerreiro – SUPPORT]

Hi,

It seems you are using a mix of our Swift Page builder shortcodes and Visual composer shortcodes.

Can you provide admin access and also the url to that page so I can check it?

Please use the private reply option.

-Rui

[baladixit]

Hi,
Actually I am currently doing the development locally in my WAMP Server. So don’t think I will be able to share my local machine’s link. Please let me know if I can share some other information if that will be helpful
Thanks
Tapas

[Rui Guerreiro – SUPPORT]

Hi,

Can you try to place this code on the team page.

[vc_column_text pb_margin_bottom="no" pb_border_bottom="no" width="1/4" el_position="first"] [/vc_column_text] [team item_count="2" category="all" social_icon_type="dark" pagination="no" el_class="offset-3 col-md-offset-3" width="1/2"] [vc_column_text pb_margin_bottom="no" pb_border_bottom="no" width="1/4" el_position="last"] [/vc_column_text]

-Rui

[baladixit]

Hi,
Unfortunately when I add this code the team members are not displayed.

I have this code:
Meet our team

[hr]

[/vc_column_text] [team item_count=”2″ category=”all” social_icon_type=”dark” pagination=”no” el_class=”col-md-offset-3″ width=”1/1″ el_position=”first last”]

Meet our team

[hr]

[vc_column_text pb_margin_bottom="no" pb_border_bottom="no" width="1/4" el_position="first"] [/vc_column_text] [team item_count="2" category="all" social_icon_type="dark" pagination="no" el_class="offset-3 col-md-offset-3" width="1/2"] [vc_column_text pb_margin_bottom="no" pb_border_bottom="no" width="1/4" el_position="last"] [/vc_column_text]

The first section displays the team in the left side of the page and the second piece which you sent does not display any team member.

Attaching the snippet of the page.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Can you replace your entire code of the page by the code that I sent you?
-Rui

[baladixit]

Yes If I just have the code which you sent in the page it works fine. The pictures come in the center of the page.
Have attached the screenshot.
When I attach the vision section with the code below the pictures tend to move to the left side of the screen:
[vc_column_text pb_margin_bottom="yes" pb_border_bottom="yes" width="1/1" el_position="first last"]
Our Vision
[hr]
To be recognized as one of the primary Business Intelligence and Enterprise Reporting solution providers in the country, providing high quality professional solutions, systems integration and software development services that will offer strategic value to our customers by extracting pertinent information and turning that data into knowledge.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Try to add a blank spacer asset between those other assets.
-Rui

[baladixit]

Yes the first line was causing the problem:
[vc_column_text pb_margin_bottom="yes" pb_border_bottom="yes" width="1/1" el_position="first last"]

So have removed this line and it is now looking fine.
Please find the latest screenshot attached.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Great. Glad it’s sorted.
-Rui

[baladixit]

Thanks for the help