XF 1.2 Category Image

DEZero

Well-known member
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.webp
 
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;
}
 
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.
 
Top Bottom