Using helper spans


XenForo moderator
Staff member
What other helper spans do you want to utilise?

I haven't actually checked which ones are available.


Well-known member
Wait...did I add that myself? o_O Looking at Chrome's editor, I have on my site a span class="helper" right above div class="avatarHolder," but it's not here on XF. If possible, I'd like to have a helper class to put an image (like the snow was placed in the header) over the avatar block. Hopefully that makes sense. :)


Well-known member
I added the following in my extra.css to get the following effect.

#messageList .postbit1 {
background: transparent url('@imagePath/xenforo/gradients/headphones.png') no-repeat;
display: block;
height: 100px;
left: 180px;
position: absolute;
top: 300px;
width: 140px;
Though I never had any helper span in message_user_info I inserted mine at the bottom. And the output is the following (below) I remember you talking about headphones so assumed.



Well-known member
I would personally leave the Arrow in. It wouldn't be too much work to re-size the headphones so that it covers the arrow. There is one problem though, I haven't spent any time nor figured out how to get the headphones displaying in each post of the thread, only the first post. If maybe someone could help here or I could look into it further once I get some time.

Edit: Almost there. I just need to fix the gap issue. It's now displaying in each post in the thread.