Using helper spans

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. :)
 
I added the following in my extra.css to get the following effect.

Code:
#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.

Untitled-3.webp
 
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.
 

Attachments

  • headphones_kurt.webp
    headphones_kurt.webp
    11.9 KB · Views: 3
Top Bottom