Categories

Replace standard forum icons with our own

You are here:
< All Topics

eplace the standard icons of the forums with our own.

In the extra.less template, add:

.node--forum.node--id2.node--read .node-icon i:before
{content: "\f179";
color:silver
}
.node--forum.node--id2.node--unread .node-icon i:before
{content: "\f179";
color:green
}

The example replaced the icons for the forum with ID3. You can choose the colors for the read and unread icons by yourself, and just do not forget to replace the ID with your own.

You can insert a picture instead of Font Awesome.

Hide icons:

.node-icon i {
   display: none;
}

Our paste in this way:

.node--forum.node--id2.node--read .node-icon
{background-image: url(http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Girls-Blue-Dress-icon.png);
}
.node--forum.node--id2.node--read .node-icon
{
   background-image: url('http://icons.iconarchive.com/icons/itzikgur/my-seven/32/Girls-Blue-Dress-icon.png');
   background-repeat: no-repeat;
   background-position: 10px;
}
Table of Contents