Return to previous page

Too much space between Team Member avatar and text

This topic has 6 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

wragano

Participant

September 19, 2018 at 22:12

Hi,
I set up two columns of team member items in horizontal mode, but there is way too much space between the avatar photo and the text. How do I reduct this space?
Thanks,
Will

#199690 Copied Theme version: Just got it so it should be the latest version

5 Answers

Rose Tyler

Support staff

September 20, 2018 at 08:33

Hello,

Space can be reduced using custom css code. Please provide us with your site URL or screenshots of your frontend and backend so I can recreate situation on my side and provide correct css code.

Regards

#199707 Copied

wragano

Participant

September 21, 2018 at 15:32

How do I attach a screenshot here, no option that I see?
The photo is left aligned, the bio is vertical next to it, need to reduce the space between them.

#199797 Copied
Rose Tyler

Support staff

September 21, 2018 at 15:59
Hello,

Please try to add this code in custom css for page:
```
.team-member .member-image, .team-member .member-email {
    margin-bottom: 5px;
}
```
Let me know the result.

Regards
#199805 Copied
wragano

Participant

September 22, 2018 at 20:52

That didn’t do it. The text is to the right of the photo not below it. And if I change it to margin-right or left that does decrease the space between the photo and the bio but also pushes everything in from the outer margins. Including .member-email doesn’t make sense because then that isn’t aligned with the bio text. I added 10px margin left and right, that makes it a little better. But, why isn’t there an option in the team member element to change that spacing? The default is too wide.

#199822 Copied
Rose Tyler

Support staff

September 24, 2018 at 07:27
Hello,

Thanks for the reply.
Could you please provide some screenshots about this problem to help me understand more?
Please try this code:
```
.team-member .span6 {
    width: auto;
}
```
Regards
#199838 Copied
Viewing 6 results - 1 through 6 (of 6 total)