Too much space between Team Member avatar and text

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

  • Avatar: wragano
    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

    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: wragano
    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.

    Avatar: Rose Tyler
    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

    Avatar: wragano
    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.

    Avatar: Rose Tyler
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.