The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Avatar Size Help

View previous topic View next topic Go down

In progress Avatar Size Help

Post by bmbmjmdm on July 27th 2014, 3:47 pm

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:


bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on July 30th 2014, 4:39 am

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.

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by Luffy on July 30th 2014, 10:41 am

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.






Luffy
Manager
Manager

Male Posts : 4244
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on July 30th 2014, 2:49 pm

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:


bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by SLGray on July 30th 2014, 8:21 pm

Your CSS is here:

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


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on July 30th 2014, 8:32 pm

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?

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by Luffy on July 30th 2014, 11:24 pm

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 Wink

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

Thanks!

Luffy
Manager
Manager

Male Posts : 4244
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on July 31st 2014, 1:26 am

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

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on August 13th 2014, 3:35 pm

bump~

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by Luffy on August 13th 2014, 4:30 pm

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






Luffy
Manager
Manager

Male Posts : 4244
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on August 14th 2014, 3:22 pm

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

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by APE on August 14th 2014, 7:17 pm

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 Neutral




APE
Manager
Manager

Male Posts : 8615
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: Avatar Size Help

Post by bmbmjmdm on August 14th 2014, 10:54 pm

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.

bmbmjmdm
Forumember

Posts : 52
Reputation : 1
Language : English

Back to top Go down

In progress Re: Avatar Size Help

Post by Luffy on August 14th 2014, 11:31 pm

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






Luffy
Manager
Manager

Male Posts : 4244
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum