Support Forum

Ike said

So if you wanted to force 80 x 80px avatars in topic view, you would still need to add the CSS rule I posted before changing the width of .spPostUserAvatar img to 80px, you just don't need to add the max-width CSS rule to the stylesheet.

And yes this will only affect topic view, everything posted in this topic so far has been topic view specific so you will retain the size constraints elsewhere.

So like this:

#spMainContainer .spTopicPostSection .spPostUserAvatar img {     max-width:  !important;     width: 80px; }

So I changed in reboot.php this:

#spMainContainer .spTopicPostSection .spPostUserAvatar img { 
 width: 100px; 
}

and then in sptopicview this:

sp_UserAvatar('tagClass=spPostUserAvatar spCenter&context=user&size=100px', $spThisPostUser);

Yet it will not force the avatars to scale.  Only the ones which were already larger are scaling.  

Ike said
It definitely works as it's the way I did it locally to make sure before posting the fix.

I assume were talking about the website your email is associated with (from your profile popup here).

I had a quick look and I can see the 100px rule in-line.

Inspecting the avatar though, the only rule I see is the standard Reboot 'margin: auto;' rule which is the only CSS applied to the avatar as standard.

So, where exactly did you put your code? It looks like the only stylesheet loaded is reboot.php from the reboot folder, so if you are running a child theme I'm not seeing the code loaded at all.

The child theme is there.  I have used it for a while now, as you can see from the mods to reboot.  I changed it in reboot.php (child) and in sptopicview for desktop (child).  

Here are the screenshots:

Ike said
Yes that's all OK, but my point was if you are running a child theme I'm not seeing it loaded for that specific rule..

So where did you put the code:

 

#spMainContainer .spTopicPostSection .spPostUserAvatar img {  width: 100px; }

 

 I.e what file, where in the file, and could you post an excerpt of it or a screenshot?

That's in Reboot.php.  It's in the screenshot above. 

Here is what it looks like in the code:

#spMainContainer .spTopicPostSection .spPostUserRank img,
#spMainContainer .spTopicPostSection .spPostUserSpecialRank img {
margin: auto;
}

#spMainContainer .spTopicPostSection .spPostUserAvatar img {
width: 100px;
}

#spMainContainer .spTopicPostSection .spPostUserWebsite img,
#spMainContainer .spTopicPostSection .spPostUserTwitter img,

Ike said
That is strange.. Just repeated the process and works fine locally.

Could you try adding it to the end of the parent themes stylesheet?

I noticed that it won't scale when it is hosted locally (uploaded directly), but it does work if it is hosted somewhere else?  I used the same file and had it uploaded direct from the profile section=does not scale.  When I uploaded it to WP and entered it into the remote area, it scales it correctly.