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

XF 1.4 Icon alongside child forum?

Discussion in 'Styling and Customization Questions' started by Rum Runner Entertainment, Sep 13, 2015.

  1. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    Is there a way to achieve something like this?
    Screen Shot 2015-09-12 at 8.37.43 PM.png

    I'm referring to the small folder icons. I want to add something like that in, although I don't know the template or CSS attribute if there is one. I'm lost on how to achieve that.

    Thanks!
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You can use .subForumList li .nodeTitle:before and .subForumList li .unread .nodeTitle:before in EXTRA.css.

    This is what I use for example:
    Code:
    .subForumList li .nodeTitle:before
    {
        background: @primaryLight url('@imagePath/images/node-icon-gradient.png') repeat-x top;
        border: 1px solid @primaryLight;
        content: "";
        margin-right: 4px;
        padding-left: 14px;
    }
    
    .subForumList li .unread .nodeTitle:before
    {
        background: @secondaryMedium url('@imagePath/images/node-icon-gradient.png') repeat-x top;
        border: 1px solid @secondaryMedium;
        content: "";
        margin-right: 4px;
        padding-left: 14px;
    }
     
  3. Rum Runner Entertainment

    Rum Runner Entertainment Active Member

    Thanks Brogan!
     

Share This Page