This topic has 6 replies, 2 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler
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
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
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.
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
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.
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
You must be logged in to reply to this topic.Log in/Sign up