Changing Userstyles per theme

Angelic · 06-03-2018, 04:59 AM

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:

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:

Code:
<span class="admin_name">{username}</span>

(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

Code:

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.

Changing Userstyles per theme

Submitted by Angelic, 06-03-2018, 04:59 AM, Thread ID: 78683