Yeah, you have to handle the expanded-reply area (embedded posts? sorry spacing on the terminology) if you want to use custom css for the poster-avatar-extra div for specific groups. In my forum I just don’t use poster-avatar-extra within the expanded replies, but it would be nice if that could be worked around.
Hmm if we can repro this it is a bug @neil and should be folded into improvements with group avatar overlays – along with mobile support, and user page support…
From a quick look with dev tools I think that the badge is actually a DOM
element, it’s not added with CSS (maybe it can be done with ::after?). So
if it is as I think it is, the change needs to be done on the mark-up, not
just CSS
Yes and No. If the ‘group-team’ class gets added to the markup for ‘topic-avatar’, it should solve the problem, as then you could use topic-avatar.group-team so it only applies to that div/group of elements instead of the entire post/article that it is applying to now.
So duplicating the class onto the topic-avatar, changing the CSS to use .topic-avatar.group-team, should resolve the issue.