How to add image to Usergroup markup?

[Elixar]

I see that the A has moved in the thread locations, but it lacks the space in Who's Online, and is on the left side on the profile. Also, the online indicator is like super out there.

[tbworld]

The above CSS is for the "Postbit" template. I Just looked at your board and it is already applied.

[Elixar]

Originally Posted by tbworld

The above CSS is for the "Postbit" template. I Just looked at your board and it is already applied.

It is, but I'm also looking for the space to be applied in all cases if it's possible.

[tbworld]

Where did you apply the img tag universally to the username?

--------------- Added 30 Aug 2014 at 22:59 ---------------

This might work.

Add to the bottom of your "additional.css" template in your correct style.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
.username img {
    margin-left: 5px; 
}

/* Position On-line Status Indicator */
img.onlinestatus {
  left: 8px;
  top: 5px;
}

[Elixar]

It does work, just one last thing:

This is happening on the profile:

[tbworld]

Added selector for "member profile".

Add to the bottom of your "additional.css" template in your correct style.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
.username img,  .member_username {
    float: none; margin-left: 5px; 
}

/* Position On-line Status Indicator */
img.onlinestatus {
  left: 8px;
  top: 5px;
}

[Elixar]

Hey dude, thanks so much for your help. Unfortunately it looks like it didn't change sadly.

[tbworld]

This should do it.

/* Position Username Indicator */
.postbitlegacy .userinfo .username_container img,
 .username img,
 #sidebar_container.member_summary .blocksubhead img {
    float:none;  margin-left:5px; 
}

/* Position On-line Status Indicator */
img.onlinestatus {
  left:8px;  top:5px;
}

[Elixar]

Awesome, it works. Question though, how do you get it to when you hover over the image, it says Admin?

[tbworld]

This is done by adding text to the "title" attribute of the element in which you want the tooltip to appear.

For example on "your" postbit template:

  / * Elongated for clarity -- Not actual code as the  "// comment" is not HTM, and should be removed */
  <span 
     title  = "Administrator"    // Add the text "Administrator" as tool-tip
     style = "color:#FF0000;"> 
        <b>Elixir</b>
  </span>

In reality you will wish to use a template variable to report information via a tooltip.

See ... for reference:
http://www.w3schools.com/tags/att_global_title.asp