• 

  wragano

  Participant

  September 19, 2018 10:12 pm

  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

  Site URL: hidden

  Theme version: Just got it so it should be the latest version

  #199690 copied to clipboard

  Like
  

  Rose Tyler

  Support staff

  September 20, 2018 8:33 am

  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 to clipboard

  Like
  

  wragano

  Participant

  September 21, 2018 3:32 pm

  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 to clipboard

  Like
  

  Rose Tyler

  Support staff

  September 21, 2018 3:59 pm

  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 to clipboard

  Like
  

  wragano

  Participant

  September 22, 2018 8:52 pm

  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 to clipboard

  Like
  

  Rose Tyler

  Support staff

  September 24, 2018 7:27 am

  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 to clipboard

  Like
Viewing 6 results
1 through 6 (of 6 total)