[cXF] Coloured Node Categories

[cXF] Coloured Node Categories

BassMan

Well-known member
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!
 
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.
 
fJjypjp7RUeyN5wJ-lShEg.png


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
)
 
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.
 
Thank you so much! I used all this info for my site <3 <3 <3

Is there a way to use this color changes on widgets?

Regards
 
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.webp


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

1518603725180.webp
 
Last edited:
  • Like
Reactions: nap
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:
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 Bottom