Forum Academy Marketplace Showcase Pricing Features

Remove overflow hidden not working

This was discussed here but the solution which was presented doesn’t seem to work for me.

The problem: I have a repeating group with user avatars. The group is squashed so that the avatars overlap (for styling reasons). The last avatar is cut off, so I need a way to remove the hidden part. See below:

avatar cutoff

The avatar name is “avatar123”

I have HTML with the following code:

Here is the ID attribute:

Screenshot 2021-06-08 235504

1 Like

is this possible to do it for ul element. i was trying to overflow:hidden for ul element

Have you found any solutions about this? I am having the same issue.

It doesn’t look like the problem is with the avatar themselves (so overflow:visible will do nothing since this is the default behavior anyway). It looks like another container (the one that contains the text “4 attendees”) is sitting on top of your avatar group. I’d look into that one, instead.

I did get it sorted but since then I’ve changed my business model and no longer have avatars. I am very sorry but I can’t remember how I fixed it, but I expect it was based on the info on this page. I have deleted my old projects so can’t retrieve it either. Good luck.

1 Like