Custom prefixes with images

Jake Bunce

XenForo moderator
Staff member
When adding/editing a prefix you can specify a CSS class name:

Screen shot 2012-10-20 at 12.11.46 AM.png

Then you can define the class in your EXTRA.css to create any custom styling you want:

Admin CP -> Appearance -> Templates -> EXTRA.css
 

Jake Bunce

XenForo moderator
Staff member
Example CSS using a class name of "classname":

Code:
.classname
{
	background: url('path/to/background.gif');
}
 

oman

Well-known member
Example CSS using a class name of "classname":

Code:
.classname
{
	background: url('path/to/background.gif');
}
Ah, I see. So the background.gif is the image that backs the prefix text.

What would be a suggested size?
 
Top