Change username style per theme 02-15-2014, 03:32 AM
#1
Likely been posted around but I thought I'd give everyone a quick tutorial on how to make different username styles per different themes. If you ever had let's say a light theme and a dark, you could fix your usergroups for each one so they don't conflict and look like shit.
Step 1 -
Go to your ACP > Users & Groups > Group you wish to change
Step 2 -
Find your group's username style. So for the admin for example let's just say it looked like this:
Step 3 -
Delete the CURRENT username style that is listed, like how it is above and REPLACE it with:
(You can put whatever class name you wish. This is just an example.)
Step 4 -
Go to your ACP > Themes & Templates > Theme you wish to add this in > Edit global.css
Step 5 -
Add this code at the bottom of your global.css
Obviously you can add WAY more to that, like text shadow, sparkles or whatever using the proper CSS.
Step 1 -
Go to your ACP > Users & Groups > Group you wish to change
Step 2 -
Find your group's username style. So for the admin for example let's just say it looked like this:
Code:
<span style="color: red;"><strong><em>{username}</em></strong></span>Step 3 -
Delete the CURRENT username style that is listed, like how it is above and REPLACE it with:
Code:
<span class="admin_name">{username}</span>Step 4 -
Go to your ACP > Themes & Templates > Theme you wish to add this in > Edit global.css
Step 5 -
Add this code at the bottom of your global.css
Code:
.admin_name {
color: yellow;
font-weight: bold;
}Obviously you can add WAY more to that, like text shadow, sparkles or whatever using the proper CSS.
![[Image: 7yW1UHU.jpg]](http://i.imgur.com/7yW1UHU.jpg)




![[+]](https://sinister.ly/images/modern/collapse_collapsed.png)


![[Image: rKK45Md.png]](http://i.imgur.com/rKK45Md.png)

![[Image: ghost_loading_sig_by_exposedgraphics-d75fc5u.gif]](http://fc04.deviantart.net/fs71/f/2014/037/2/1/ghost_loading_sig_by_exposedgraphics-d75fc5u.gif)