Social media icons on Team Section

Illdy
1

Hi,

How to set social media icons in the section as in the demo version? In my website does not display correctly:

Mario

2

hi there

Hm, sorry Mario but i cant see social media icons on your website anywhere like on screenshots, could you tell me where they are?

3

OK, I’ve already enabled the icons.

Second question: It is possible on mobile version the team member’s name, description and icons to go under the photos?

4

Hello there,

You can use the following CSS code to change the team section by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 700px) {
#team .section-content .person .person-content {
    width: 100%;
    float: left;
}
}

Best Regards,
Support

5

I set the code and it works :slight_smile: Is it possible to center this in mobile?

Mario

6

…and is any solution for the size of icon to make it looks like a demo?

Mario

7

hey there

sorry but it can not be centered only for mobile devices, for icon size please add this CSS in appearance - customize - additional CSS

#team i.fa.fa-facebook {
font-size: 25px;
}

please note, you can change the font size in this code

Thanks!
Colorlib Support Team

8

Hi,

it works :slight_smile:

That’s all in this topic.

Thank you :slight_smile:

Mario

9

Hi, there

Nice, to hear your problem is fixed:) Now I will now close the topic and mark it as resolved. Feel free to contact us again Thanks!