1. 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

Discussion in 'Styling and Customization Questions' started by DEZero, Feb 21, 2014.

  1. DEZero

    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.png
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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 and DEZero like this.
  3. DEZero

    DEZero Well-Known Member

  4. Rob

    Rob Well-Known Member

    Very clever. I had no idea css supported this.
     

Share This Page