Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted September 30, 20204 yr 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
September 30, 20204 yr 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 ;'>
September 30, 20204 yr Author 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