[cXF] Coloured Node Categories

[nap]

Bassman, thank you the first one forum_overview_new_post only shows colour in Simple display mode, I had that code allready implemented, and as a side bar widget in simple mode it works, but not in Full display mode on top of the forum.. It just ignore the code ?

/* Coloured Widget Nieuwe Berichten */
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader {
    background: #7CA430;
    color: #ffffff;
}

And the last one, also doesn't do anything.

.node.node--id154 a.subNodeLink.subNodeLink--forum {
    color: #7CA430;
}

But I am happy the shoutbox has a colour ! Thank you !

 

[BassMan]

For subnodes you can use this;

.node.node--idX a.subNodeLink {
    color: #000000
}

Well, it can be specific if the node is forum, category or link... Read/unread... but let's say this one would work for most.


No, that's the right code:
/* Coloured Widget Nieuwe Berichten */

/* Coloured Widget Nieuwe Berichten */
[data-widget-key="forum_overview_new_posts"] h3.block-header {
    background: #7CA430;
    color: #ffffff;
}

 

[nap]

Thank you for your great input, ! Strange this one doesn't work in FULL Display mode

/* Coloured Widget Nieuwe Berichten */
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader {
    background: #7CA430;
    color: #ffffff;
}

The subnode also doesn't do anything, but is not so important to me.

Think I have to buy the coloured theme once I earned some money from my cheapy members

 

[nap]

Ah ok... I found out the block-header instead of the block-minorHeader.. didn't see that before.. Sorry thank you again..

 

[Hristo Avramov]

How can I change background color of categories(1 color for all)? I suspect I will not need a mod, If I edit Highlighted content background color it works but it also changes the color of list notices and I do want to keep this color only for categories. Anyone? Thanks.

 

[SyTry]

How can I change background color of categories(1 color for all)? I suspect I will not need a mod, If I edit Highlighted content background color it works but it also changes the color of list notices and I do want to keep this color only for categories. Anyone? Thanks.

Hello,

You can use this code in your EXTRA.less if you want to add the same color for all of your categories :

/*background color category*/
.block.block--category .block-header {
    background: #009688;
}

Regards, SyTry

 

[Robert9]

Very nice. Do you also have an idea how to make alternate colors to the forums, please?

 

[BassMan]

Very nice. Do you also have an idea how to make alternate colors to the forums, please?

Check here:

XF 2.1 - change background nodes color

Hi, how can i change the background color of nodes, like this

www.customizexf.com

 

[Robert9]

This is one by one, i guess?
I just need an nth-childdd or even; but i have to find the place where ...

 

[BassMan]

Yes, this is DIY.

 

[aj87]

BassMan submitted a new resource:

Coloured Node Categories - ... simple to achieve



Read more about this resource...

Thanks for this but where does this code go?

 

[BassMan]

Thanks for this but where does this code go?

Add code to your extra.less template.

 

[aj87]

Add code to your extra.less template.

Is this a file (sorry I am new to this)

 

[BassMan]

In your forum back-end (admin control panel) go to Appearance > Templates




Then in the search field type extra:





and you'll get this:




Click on the extra.less template and paste the code inside.

 

[aj87]

In your forum back-end (admin control panel) go to Appearance > Templates

View attachment 239260


Then in the search field type extra:

View attachment 239261



and you'll get this:

View attachment 239262


Click on the extra.less template and paste the code inside.

thanks, pm sent

 

[Silmarillion]

Very cool modification!

Is it also possible to transfer the colors from the homepage (categories) to the respective forum page itself?





Best regards,
Chris