I am currently running Sam’s Minimal theme, but I would like to experiment with the default layout again with only one change: I would want the Users catecory avatars reduced to only one, representing the latest poster. Sorry if this has been asked before, but I could not find a code example by sea…

Thanks, it works great. However, there is a rather massive gap now in between the columns - How to adjust the width of Users accordingly? [图片]

Here ya go! .topic-list .posters { width: 50px; min-width: 50px; }

Ok, someone is seriously rocking tonight! Looks pretty good now - time for some user feedback.

Buggers, found one more imperfection - the other columns are aligned to center, but the avatars in Users are aligned to the left.

Just change .topic-list .posters { width: 50px; min-width: 50px; } to .topic-list .posters { width: 50px; min-width: 50px; text-align: center; }

Maybe targeting the a.latest instead of the td would be an easier approach?

For what? If you want to align something, you have to target its parent to align the items within it appropriately.

[图片] cpradio: .topic-list .posters { width: 50px; min-width: 50px; text-align: center; } I actually tried that already, but it does not seem to align the avatar as expected. [图片]

AH, OK, sorry. I missed comprehending what the current issue was. I was thinking it was a “collapse” thing [图片] Time for a food break

Modify Users column to contain only one avatar (latest poster)

Product Support

cpradio (cpradio) 2016 年1 月 10 日 21:59 2

CSS Solution

.topic-list .topic-list-item img.avatar:not(.latest) { display: none; }

话题		回复	浏览量
User's avatar slightly misaligned when it's both the author and the last poster, on a topic list UX	0	358	2022 年12 月 21 日
Topic List Author & Posters Theme component	8	670	2026 年2 月 5 日
How to hide user avatar in topic list of mobile theme Product Support	1	943	2019 年8 月 29 日
Show Users As List Of Two, Not Frequent Posters Product Support	7	1271	2017 年12 月 28 日
Sam's Simple Theme Theme official , sams-simple-theme	368	87743	2025 年2 月 17 日

Modify Users column to contain only one avatar (latest poster)

相关话题