KPDub Posted September 30, 2020 Posted September 30, 2020 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
Solution Ryan Ashbrook Posted September 30, 2020 Solution Posted September 30, 2020 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 ;'> KPDub 1
KPDub Posted September 30, 2020 Author Posted September 30, 2020 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
Recommended Posts