Team Member styling | WordPress.org

Resolved Bree
(@lifesgood)

7 years, 3 months ago
Hi and thank you for offering this plugin for free! It is most appreciated.

When I use the Team Member element, there is a margin to the left of the first icon.

I have used the following CSS to correct it (see pic 1), but no matter what CSS I use, it doesn’t apply to the tablet/mobile (see pic 2).

1. https://www.dropbox.com/s/z4dqf8eokj004fl/ea1.PNG?dl=0
2. https://www.dropbox.com/s/e95v14oa0mqgy3y/ea2.PNG?dl=0
```
.eael-team-member-social-profiles  {
    margin-left: 0px!important; } 
```
Could you please help? Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Rafin
(@rafinkhan)

7 years, 3 months ago

@lifesgood,

Hi, there. Can you please try these following CSS:

@media only screen and (max-width: 767px) {
.eael-team-member-social-profiles {
margin-left: 0px!important; }
}

@media only screen and (max-width: 480px) {
.eael-team-member-social-profiles {
margin-left: 0px!important; }
}

Let me know how it goes. Thank you.

Thread Starter Bree
(@lifesgood)

7 years, 3 months ago

Hello and thank you so much for your reply!

Unfortunately that CSS doesn’t appear to make any changes (I had tried the media queries myself before posting… my CSS is pretty good and I just can’t work it out!).

Tablet: https://www.dropbox.com/s/ebl2o5bndt3vkwb/ea3.PNG?dl=0
Phone: https://www.dropbox.com/s/3czk7n8bpkte7l6/ea4.PNG?dl=0

Any other suggestions? Cheers.
Plugin Author Rafin
(@rafinkhan)

7 years, 3 months ago
@lifesgood,

Whoops. Can you please contact us through here and also provide your live link there. We will reach out to you.

Thank you.
- This reply was modified 7 years, 3 months ago by Rafin.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Team Member styling’ is closed to new replies.

3 replies
2 participants
Last reply from: Rafin
Last activity: 7 years, 3 months ago
Status: resolved