Resource icon

XF2 Styles Mocha Style 2.0
A nice light colored theme with a coffee shop feel

Compatible versions
2.2
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 - see template instructions below to add your own custom icons)
  • 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"

first.png

second.png

third.png

To customize your forum icons, add this to your Extra.less template, use it over and over for each forum:

Replace .node.node with your own forum ID and change the image path (url) 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;
}
}
}
/*****/
FateKid
Author FateKid
Level
10
2.0 Version
0 Downloads
242 Views
0.00 star(s) 0 ratings Average Rating (0)
Last Update

More files from FateKid

Similar resources

Mined.to Style | Prefixes Leaked By Me
0.00 star(s) 0 ratings
Downloads
10
[Free Style] Shades of Grey FateKid
This is a simple dark theme that any user could easily create
0.00 star(s) 0 ratings
Downloads
2
Top Bottom