Mini-Profile: space between avatar and info.

[themattreptar]

I'm having an issue with mini-profiles on my board where if the user doesn't have an avatar that uses the max height in pixels, there's a big space between the avatar and the start of the info.

Here's an example: i.imgur.com/MImPjKy.png

See how on the bottom one there's a space under the avatar that's not there on the top one. How can I make it so no matter the height of avatar the info is always underneath like the top one.

Attachments:

[Lynx]

themattreptar,

Do you have a guest-friendly link to a thread where the 2nd mini-profile shows up? (The one with the gap)

[themattreptar]

Apr 13, 2017 21:16:35 GMT -8 Lynx said:

themattreptar ,

Do you have a guest-friendly link to a thread where the 2nd mini-profile shows up? (The one with the gap)

Thanks for the reply. You should be able to view this thread here, www.thedailymosh.com/thread/3/last-thing-bought-thread. It's the 6th post down.

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 14, 2017 13:55:21 GMT -8 themattreptar said:

Apr 13, 2017 21:16:35 GMT -8 Lynx said:

themattreptar ,

Do you have a guest-friendly link to a thread where the 2nd mini-profile shows up? (The one with the gap)

Thanks for the reply. You should be able to view this thread here, www.thedailymosh.com/thread/3/last-thing-bought-thread. It's the 6th post down.

Then where do you want all that extra white space to be? Below that other box?

[themattreptar]

I don't want to move the space to somewhere else. I want to remove it so that no matter the height of the avatar, the text will be always be right underneath the avatar.

[Lynx]

Apr 14, 2017 13:55:21 GMT -8 themattreptar said:

Apr 13, 2017 21:16:35 GMT -8 Lynx said:

themattreptar ,

Do you have a guest-friendly link to a thread where the 2nd mini-profile shows up? (The one with the gap)

Thanks for the reply. You should be able to view this thread here, www.thedailymosh.com/thread/3/last-thing-bought-thread. It's the 6th post down.

Try putting this at the bottom of your stylesheet (Admin > Themes > Advanced Styles & CSS > Stylesheet (tab)) - be sure you're on the correct theme:


/* Auto-adjust avatar wrapper height */
.avatar-wrapper {
  height: auto;
}


If you have many themes, and want to affect them all, put this in your global header (Admin > Structure > Headers & Footers > Global Header & Footer) instead:


<style>
  /* Auto-adjust avatar wrapper height */
  .avatar-wrapper {
     height: auto;
  }
</style>


[themattreptar]

Thank you so much! That worked like a charm.