Compatible XF Versions
2.0
Visible Branding
No
https://xenforo.com/community/attachments/first-png.241985/


Mocha Style
  • A light colored coffee themed style
  • No template edits - some CSS additions
  • Preview can be seen here a more extended preview with heavier customizations can be seen here (note this is customized for my site but can provide the code if interested)
  • For xenForo 2.2, the style has been exported as an "archive" so simply import the ".zip file" only.
Installation Instructions: While in the Admin CP
Appearance > Styles > Import > Child of style: (No Parent) > and then click "Import"

Replace .node.node with your own forum ID and change the image bath in the .node-icon section

CSS:
/*** Node icons with image **/
.node.node--id2 {
    .node-icon i { display: none; }

    &.node--forum {
        .node-body {
            padding-left: 5px;
        }
        .node-icon {
            background-image: url('/styles/path/image.png');
            border-radius: 50%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
        }
        &.node--read .node-icon {
            opacity: 0.4;
        }
    }
}
/*****/
Author
XenForo
Views
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from XenForo

Latest updates

  1. Added instructions for adding node icons

    This request has come up a couple of times so I've added instructions for the Extra.less template.
  2. Updated to remove existing Google Adsense code

    I had inadvertently left my Adsense code in the PAGE_CONTAINER template, you can remove it...
Back
Top Bottom