- Compatible versions
- 2.2
Mocha Style
Appearance > Styles > Import > Child of style: (No Parent) > and then click "Import"
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
- 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.
Appearance > Styles > Import > Child of style: (No Parent) > and then click "Import"
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;
}
}
}
/*****/
![[Yungwilder] Art Studio Props Pack](/data/resource_icons/6/6713.jpg?1701724480){kind=icon}
![ColoredPrefix [1.8.x - 1.20.x]](/data/resource_icons/4/4819.jpg?1686016560){kind=icon}
![[1.8 to 1.20] Turf Wars [MINI-GAME]](/data/resource_icons/6/6393.jpg?1699495447){kind=icon}
![[TheAnonim] Werewolf configured mob](/data/resource_icons/6/6712.jpg?1701724186){kind=icon}
![[ChestStudios] Experience Golem [BOSS]](/data/resource_icons/6/6711.jpg?1701723550){kind=icon}
![[ChestStudios] Elemental Pets Expansion](/data/resource_icons/6/6710.jpg?1701723377){kind=icon}
![[Free Style] Shades of Grey](/data/resource_icons/0/128.jpg?1673036219){kind=icon}
