Modifications to the "Team Section"

I am using the OnePage theme for a small site (hfiefficiencygroup.com) that directs people to our other websites. I was hoping you would be able to tell me how to make the following modifications to the "Team Section"

I would like only 3 team members listed instead of the defaulted 4.

I would like to replace the linkedin icon for one that says "www", so people can click on it to take it to the business website. Or. How can I modify the icons on the bottom of each team member.

 

Hi,

Greetings from InkThemes!

For your issue, i.e. I would like only 3 team members listed instead of the defaulted 4.

Please follow the screenshot given below.



For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

And sorry, I am a little bit confused with your another issue..Kindly explain it a bit more so that I can assist you accordingly..

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

I was able to remove the 4th team member. Now I'm curious to know how to get the remaining three team members centered onto the webpage.

And to clarify my other question:
I am referring to the linkedin icon, that I have circled at bottom of each team member in the screenshot below. I would like to have that icon removed and replaced with a different icon ( a icon that says "www". Also shown in the screenshot below.

 

Hi,

1) Please follow the screenshot given below.



2) You can remove that or any other icon by following the screenshot given below..



But to replace that with other icon will require source code customization in the theme..

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priyanka,

The only remaining issue for this section is that the pictures within the boxes are all off center. See picture below...how can I get the pictures to fit into the new width size of the boxes?

?

 

Use below code in Custom CSS field of your dashboard.

Code:

.team_wrapper .team_item img {
    max-width: 100%;
    width: 100%;
}
.team_wrapper .team_item .team_image {
    width: 100%;
    height: auto;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priya, the custom code worked really well to make my logos fit the new widths. I believe the last thing that would need some modification is the drop down "caption text" that appears when placing your curser over the logos that we just modified...the "caption text" boxes are still the same size and off center when they drop down. Is there a code that I can add for that as well?

 

Hi,

Code is given below..

Code:

.team_wrapper .team_item .team_image .team_caption {
    width: 100%;
}

Thanks & Regards!
Priyanka
InkThemes.com

 

That did the trick...thanks Priya!

 

You're welcome, Drewper..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com