avatar disappears

Hi Mariusz,

See the ‘configure’ section:

https://wpusersplugin.com/3221/getting-started-with-amr-users/

scroll down till you see the avatar field – enter a number in the ‘display order’ field. Click UPdate.

I wonder if Mariusz is describing my problem as well. I have a list where the avatars appear only as small dots:
https://cmsw.mit.edu/people/lecturers/

The settings are exactly the same as another list that shows up right:
https://cmsw.mit.edu/people/faculty/

There are a lot of quirks with this case. The full images don’t show up in Chrome and Safari but do in Firefox. They always show up correctly in the amr users back-end after rebuilding the cache. The small dots are for users who have avatars; the ones without dots are correctly displayed as nothing (I’ve set the default avatar to a 1×1 transparent block.

Hi Andrew,

Sounds like a html validation issue (sometimes thats what different results in different browsers means ) – or a css problem?

Generally it is well worth ensuring that your html validates to remove these anomalies.
https://validator.w3.org/check?uri=http%3A%2F%2Fcmsw.mit.edu%2Fpeople%2Flecturers%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

There are a lot of html errors.

Looking at your two lists in chrome, the image links are there and the links are correct (ie they seem to work)
ALSo
When I do a firebug ‘inspect element’ it says at the bottom of the css of

The results here may be inaccurate because some stylesheets could not be loaded due to access restrictions.

Basically looks like you added a span element without a closing span?

Hm, still stumped. Validation does say there’s an unclosed span:

…n style=”display: block; width: 200px”>Atissa Banuazizi
…

But it’s indeed closed…

<span style=”display: block; width: 200px”>Atissa Banuazizi
Lecturer

[email protected]</span>

…and though it still doesn’t validate, there are no other spans on the page besides what’s in the User Lists fields.

The other thing is how everything shows up correctly in the User List preview but not the live page. For example, compare these two:
https://www.flickr.com/photos/fungibleconvictions/10498401925/
https://cmsw.mit.edu/people/lecturers/

Any other thoughts as I go through and re-validate and check some other css files?

It’s chrome and your theme css.

see
https://wpusersplugin.com/3775/disappearing-images-or-avatars-in-tables-in-chrome/

That did the trick! I went ahead and went deep into the selectors, so my CSS is…

td.avatar.td.td2 > img {
	max-width: none;
}

…which’ll help make sure it only applies to images in the second column (specific to my table’s structure).

What was curious to me is why this only happened on one User List page — everything was fine with the original CSS for images in the second column on other User List pages. But hey, the tweak works and doesn’t affect the others, so I’m happy. ??

Thanks for the help.