Post "Icon"

[alexxxmk]

Thank you so much Glenn, I am going to try it now.

Inspecting the elements I also found something that maybe can be useful: the data-channel-id="40". I notice every channel has an specific id, is theres any way I can assign a different icon for each channel using the data-channel-id in the code?

[glennrocksvb]

You can but the same thing with widget ids, the channel ids might change when you upgrade or re-install.

[alexxxmk]

Just tried but didn't work out for me.

/* forum icon for forums with no new posts */
.canvas-widget[data-widget-id="922"].forum-list-container .forum-item .cell-forum .icon {
background: transparent url("http://eurocrewpr.com/forum/images/css/wheel-old.png") no-repeat;
}

[glennrocksvb]

Just tried but didn't work out for me.

What exactly did you try that doesn't work?

[glennrocksvb]

Just tried but didn't work out for me.

Ok I saw you already fixed it in your site http://eurocrewpr.com/forum/ by modifying the display_Forums_item template and adding a class called iconclass<channelid> for each forum.

But you actually don't have to modify that template, you can simply add this in your css_additional.css template:

.forum-list-container .forum-item[COLOR=#0000FF][data-channel-id="114"][/COLOR] .cell-forum .icon {
    background: transparent url("http://eurocrewpr.com/forum/images/css/offtopic-old.png") no-repeat;
}
.forum-list-container .forum-item.new[COLOR=#0000FF][data-channel-id="114"][/COLOR] .cell-forum .icon {
    background: transparent url("http://eurocrewpr.com/forum/images/css/offtopic-new.png") no-repeat;
}

That's for the Off-Topic forum in your site. Notice I didn't use additional class. You can also use HTML attributes in CSS selectors to target specific elements.