Support Forum

Avatar resize

32 Answers

New Answer

SP SPQC
SPQC
Member

oops I edit previous post while you were replying…  I added the last line.

 

Well, I tried to define

#spMainContainer .spAvatar {
    width: 90px;
}

and it change nothing but if I put 91 it is showing properly.

 

Where is the sp_UserAvatar function?  I’m no expert but may take a look.  It’s been about 4 hours I’m looking to solve this…

MP Mr Papa
Mr Papa
Member

that function is in sp-common-view-functions.php

Now, I know you said its 90px… right click on the actual image and view in new window and look at the properties… or download the actual image from the avatar folder and look at properites with graphics program…  just want to make sure…

SP SPQC
SPQC
Member

Mr Papa said

Now, I know you said its 90px… right click on the actual image and view in new window and look at the properties… or download the actual image from the avatar folder and look at properites with graphics program…  just want to make sure…

It’s really 90px.  Do you want to take a look?

MP Mr Papa
Mr Papa
Member

finally! yes! someone using my easter egg theme! kisscoolwink

the avatar image up by the login stuff is coming out 90×90 for me…

SP SPQC
SPQC
Member

Mr Papa said

finally! yes! someone using my easter egg theme! kisscoolwink

Irt really looks like Easter but I just enabled it to make sure the theme I edited was not causing the problem.

the avatar image up by the login stuff is coming out 90×90 for me…

??? I see you’re using Firefox, have you right-clicked the avatar then Image information?  It says 90px x 90px (resized to 89px x 89px)

 

I mean it’s not possible that both my Firefox and IE9 setup is showing different than someone else.

MP Mr Papa
Mr Papa
Member

I dont know…  it might be because of the way things are oriented there…  you might try moving the plainsection containing the image into the big plainsection div right below it…  I think it will still float left in there…

SP SPQC
SPQC
Member

Don’t work either.  If you click the image, do you see this like me?

size.png
MP Mr Papa
Mr Papa
Member

on the layout, yet… but its not us resizing… at least not directly…

so you need to play with the layout… looks like maybe the plainsection div with avatar is floated left… then the next div containing everything else in there is full width but ‘blocked’ by the floated div… so it might be auto limiting based on width…

which is why I suggested playing with the layout a bit…

SP SPQC
SPQC
Member

The layout…  I’m out of ideas.  I’m now having like 6 hours straight messing with this.  And that is after removing plugins, using one of your theme, using another WP theme.

 

It’s beyond me that even if I force the img with style=”width: 90px; height:90px;” it is still not showing correctly.

 

If I do this

<div class="spImg spLeft" style="width: 91px;">

it works but should I really stick to that or try to find the problem?  Is the problem only on my side or this could be experienced by some others too even if there are currently no report because we must admit that it’s mostly unnoticed, it took me a few days before finding out.  The fact I was seeing all other avatar in post displayed correctly then one day I noticed that the one at the top was not as sharp as all other so I investigated and discovered it was resized.

 

Ok I will try something else, I will try to restore the original icons and see what happen.

SP SPQC
SPQC
Member

Just tested what I said above, everything above 50 get resized exclaim

I left it at 51×51 so you’ll see it gets resized to 50.  Same if I right-click the picture in IE9 then Properties.

$”/”$%”&?$%?&/”  Glad I’m bald…

MP Mr Papa
Mr Papa
Member

we have no other reports of it yet…  and I cannot duplicate on my test sites…  larger than 50 (only went up to 100 in steps of 10) avatars work fine…  I do not see that same resized note looking at the image info in FF…

any other plugins for wp that affect images?

MP Mr Papa
Mr Papa
Member

bet this is your problem…  from the suffision theme

.page-template-no-sidebars-php .entry img {
    max-width: 99%;
}

will limit images in size…

so in your theme or theme reset css… add

#spMainContainer img {max-width: 100%;}

SP SPQC
SPQC
Member

Ok I had enough and did this:

#spMainContainer .spImg { width: 91px; }

Maybe the best solution for now, or forever, as I doubt we will find what the problem is.

 

Could have used this:

#spMainContainer .spAvatar { width: 91px; }

but I guess any smaller image would get enlarged while with the 1st option the 91px space will always be showing and the image will simply fit in without being resized at all.