• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Category Image

DEZero

Well-known member
#1
How would I go about separating the category image into Left, Right, and center images instead of one single fixed or repeated image?

To gain something like this:(this is just an example)
CATEGORY.png
 

Jake Bunce

XenForo moderator
Staff member
#2
Admin CP -> Appearance -> Templates -> EXTRA.css

Code:
.nodeList .categoryStrip
{
	background-image: url('path/to/left.gif'), url('path/to/center.gif'), url('path/to/right.gif') !important; 
	background-position: left, center, right !important;
	background-repeat: no-repeat, no-repeat, no-repeat !important;
}
 

Rob

Well-known member
#4
Admin CP -> Appearance -> Templates -> EXTRA.css

Code:
.nodeList .categoryStrip
{
    background-image: url('path/to/left.gif'), url('path/to/center.gif'), url('path/to/right.gif') !important;
    background-position: left, center, right !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
}
Very clever. I had no idea css supported this.