Jump to content

Image in front of Group Formatting


KPDub
 Share

Go to solution Solved by Ryan Ashbrook,

Recommended Posts

I'm trying to get an icon at the beginning of the user group formatting, but just can't get it to work, this is what I have so far

<span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>  Group Name </span>

I;d like to be able to control the colour of the icon as well

Any help would be greatly appreciated, I'm a bit rubbish at this part

 

Link to comment
Share on other sites

  • Solution

What kind of icon? You can include really any HTML in there - for your prefix, you would either do this, for an actual image:

<img src='/path/to/image.png' alt='Group Name'><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

Or for a Font Awesome icon, you would do this (in this case, you can also control the color - if you want it to match the rest of the group name, then you would place it inside the span rather than outside):

<i class='fa fa-ICON'></i><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

 

Link to comment
Share on other sites

3 hours ago, Ryan Ashbrook said:

What kind of icon? You can include really any HTML in there - for your prefix, you would either do this, for an actual image:


<img src='/path/to/image.png' alt='Group Name'><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

Or for a Font Awesome icon, you would do this (in this case, you can also control the color - if you want it to match the rest of the group name, then you would place it inside the span rather than outside):


<i class='fa fa-ICON'></i><span style='color:white; background:#cd7f32; font-weight: bold; padding: 3px 8px; border-radius: 3px; text-shadow: #000 2px 2px 4px ;'>

 

Thanks man, that did the trick

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...