NamelessMC

Hey there. This will be a quick tutorial on how to make custom badges with the DefaultRevamp Theme in v2-pre6. I can not guarantee this to work with other themes/version.

First of all you have to navigate to /YourForumDirectory/custom/templates/DefaultRevamp/css/custom.css and open it with a text editor. The following does definitely work in the integrated WinSCP Text Editor, Notepad++ & Atom. Can't guarantee that for other text editors though. Press CTRL+F which should open a Search Window where you'll now search for ".badge-danger" and press Enter. You should now find and copy the following snippet of the CSS and paste it again below it:

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}


a.badge-danger:hover, a.badge-danger:focus {
	color: #fff;
	background-color: #bd2130;
}

Once you copied this and pasted the exact same below, just edit the "background-color" for both to your color. You can also edit the text color if you want to. Now edit the "danger" in the text you pasted to something else. For example "owner". When you're finished, everything should look like this:

.badge-danger {
	color: #fff;
	background-color: #dc3545;
}


a.badge-danger:hover, a.badge-danger:focus {
	color: #fff;
	background-color: #bd2130;
}

.badge-owner {
	color: #fff;
	background-color: #AA0000;
}


a.badge-owner:hover, a.badge-owner:focus {
	color: #fff;
	background-color: #AA0000;
}

Now you only have to add the following HTML as the Group HTML in the group settings:

< span class="badge badge-owner" >Owner< /span >

without the spaces after and before the "<"s and ">"s. I just added them, as otherwise the forum would parse the HTML

Thank you!

Doesn't work?

EDIT ~ Figured it out, thanks!

Edit: figured it out useing another method 

It dose not work. 

when I add the < span class="badge badge-owner" >Owner< /span >  without the spaces its just grey. the colors dont work