Coloured Node Categories

Coloured Node Categories

BassMan

Well-known member
#1
#5
Thanks. I sort of figured. Getting a bit old to associate some stuff after vB since 2002 so I have to confirm some stuff. xenforo is a new "language" at times (especially templates). So, excuse me for my "old man" ignorance. i appreciate the reply!
 
#7
how can we done for forums title ?
if you mean how to colour title of category, i'd say something like..

CSS:
.block.block--category.block--category3 .block-header {
    color: #ffffff;
}
...if that's what you're asking of course, change category3 to whatever number the category you want to change is.
 

Codeless

Active member
#8


Title i marked with Green Marker is forum title and yello marked is Category title this methods works for Category title not for Forum Title (which is marked with green color
)
 
#11
Wow thank you works great for me :) Thank you

well also i can place custom icon on same way ?
something like...

CSS:
.node--forum.node--id3.node--read .node-icon i:before{content: url(./images/forumicons/whatever.png);}
.node--forum.node--id3.node--unread .node-icon i:before{content: url(./images/forumicons/whatever.png);}
..changing id3 to whichever node id it is.
 

BassMan

Well-known member
#17
Is there a way to use this color changes on widgets?
Yes, you can use this code:
CSS:
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader {
    background: #000000;
}
... for this example:
1518603625392.png


Just inspect element and find your widget key and edit the code to suit your needs for any widget:

1518603725180.png
 
Last edited:
#19
Some, I can't change
The widget "Forum_overview_new_posts", I changed, it did work in "Simple Display style mode", but changes back in (now) ugly light blue gradient, in "Full Display mode".

Check my site, some I cant just change, like the shoutbox, calander or the text colour of the sub nodes/categories

;) Thank you
 
Last edited:

BassMan

Well-known member
#20
The widget "Forum_overview_new_posts", I changed, it did work in "Simple Display style mode", but changes back in (now) ugly light blue gradient, in "Full Display mode".
Use this code:
Code:
[data-widget-key="forum_overview_new_posts"] h3.block-header {
    background: #000000;
}

Code:
.siropuShoutbox.block .block-header {
    background: #000000;
}
That widget does not have its own class. Maybe a developer can add it.

the text colour of the sub nodes/categories
Try this:
Code:
.node.node--idX a.subNodeLink.subNodeLink--forum {
    color: #000000;
}
The X is your node id.
 
Top