Avatar Size Help

Hi, I'm trying to have members have avatars of varying sizes. I am aware of the "max avatar size" option in the Admin panel, however that does not do what I need. My problem is that avatars that exceed the width of the sidebar in a post will overlay the text of the post Rather than stretching the sidebar (which is what I would like). Here is an image of the problem: 

Alternatively I'd appreciate directions on how to set auto avatar re-sizing. I think I found a thread to describe how to do it with "CSS", but I don't know where to gain access to that for my forum!

Either a solution to this and/or one to my original post would be greatly appreciated, thank you for your time.

Hello,

Please search in your CSS for the below code

Code:

.postprofile

and if you have a code in your CSS then add in it the below:

Code:

width:auto !important;

If you don't have it in your CSS simply add it:

Code:

.postprofile {width:auto!important;}

Try this and if it gets fixed ok else if tell me and we will try the other way.

Hi MrMind, thank you for the reply!

I was not sure how to edit the CSS for my site (can't find where the file is, if there is any), but I followed the advice here and implemented your fix by adding the line "<style type=text/css>.postprofile {width:auto!important;}</style>" to my Site Description.

This fix works! Unfortunately, though, it has some unintended side effects. Rather than just stretching the width of the sidebar, it modifies the position at which the avatar shows up vertically. As a result, the avatar/sidebar contents will ONLY show up AFTER all of the message's body text. Here is an example:

Your CSS is here:

Administration Panel > Display > Colors & Pictures > Colors
CSS Stylesheet Tab

Thank you for the reply SLGray. I was able to find and modify the CSS successfully, however it still results in the undesired consequence stated in my last post. 

Is there a way around this? I would prefer the sidebar to expand with the avatar to allow it to adapt, however if there's something I can put to auto re-size avatars to a certain dimension that would work too. Also, is there a way to re-size the width of the sidebar manually in the css?

Well the only thing i asked basically is to go to Admin Panel >> Display >> Colors & Pictures >> Colors >> CSS Stylesheet
and add in the box the below codes:

Code:

.postprofile {width:auto!important;}

If you did that correctly then i don't think you should have any problem.

Also, if you followed the tutorial you posted i would suggest you removing it for a better action. If your CSS was empty, empty it again and simply post the below code:

Code:

.postprofile {width:auto!important;padding:8px;}

Please NOTE: If you decide to do the above steps then you will paste only one of the above codes. Not both of them. I repeat NOT BOTH. Preferably the second

And one last thing. Can you please provide us your forum URL so we can help you better?

Thanks!

I did the first step you posted; went to CSS Stylesheet and pasted the code:

Code:

.postprofile {width:auto!important;}

However, as I said in my last post, this makes the sidebar only appear Below a post's text. I tried replacing that line with the second line you just posted, but that didn't make a difference. I don't want to clear my stylesheet, as I can tell that has important information that I don't wish to lose .

Please refer to my previous post for an example of the current problem I'm having with the fix. My forum is shinobievolution.forumotion.com. Thanks again for the help

bump~

Try this instead:

Code:

.label img{max-height:150px!important;max-width:100px!important;}

Thanks again MrMind for the suggestion, but unfortunately that seems to only set a constant width for the sidebar. While this is nice in that it allows slightly larger avatars, it still isn't adaptive like I would like it to be. I know I've seen other forumotion sites with this feature, so there has to be a way ><

Hello please give this a try

ACP >> Display tab >>   Pictures and Colors >>

• Colors >> CSS stylesheet  
  

Add the following code to the top of the page then save

Code:

.postprofile dt img {
    max-height: 80px !important;
    max-width: 70px !important;
}

To change the size to what you like just change  the 80px and the 70px

Code:

max-height: 80px !important;

Code:

max-width: 70px !important;

Hope that helps some for you

Ape  

Thank you for the reply APE, but as I told MrMind, I am trying to have the sidebar auto-resize itself to adapt to different size avatars. Your fix, like MrMind's, makes the sidebar larger, but still a constant size. I thank you for the suggestion, but I would like members to be able to upload a large avatar without it exceeding the sidebar width, or upload a small avatar without having a lot of empty space in the side bar.

Hello,

Well as i told you the only way to do that is to have this. If you want the width of all the profile part to change as wanted then add this code in your CSS

Code:

.postprofile{width:auto;}

But be careful: This feature may take the profile information part below the post sometimes because of the standard with that the posts have. So i suggest you make the postprofile a standard width (ex. FM uses 22%) and have the avatars be fitted in that width. Otherways you may have the post profile appear below the post.

MrMind