Sub-board Name Colors?

[NWRP Staff]

Forum URL: ninjawarrp.proboards.com/


Hello! So I know how to change the color of a sub-board's display name (pretty simple, just add the ubbc color code to the Display Name in the Categories & Structure section). But is there a way to change the color of a sub-boards actual name? As in, to make it a different color when you are on the homepage of the forum and looking at the list of sub-boards?

I'm guessing maybe a code in the Boards template could make it work? 

Any help is appreciated! Thank you~

[Craig]

You should be able to use css to change the sub-board name colour. You won't need to use the bbcode.

.board .main a[href*="/board/20/"] {
color: #FFFFFF;
}


That would go at the bottom of your stylesheet. Change the 20 on the first line to the ID of the sub-board you want to change the colour of. The ID is the number that shows in the URL of the board, for example:

ninjawarrp.proboards.com/board/72/tanigakure

The ID is 72. Change the FFFFFF to the colour that you want to display.

You can repeat that code for each sub-board you want to change the colour of.

Any problems, post back

Stylesheet: Admin > themes > advanced styles and css > stylesheet

[NWRP Staff]

Hmm, I put the code at the bottom of the style sheet and followed the instructions as you said.

Have not been able to get it to work though :/ When I'm on the homepage of the forum the Konohagakure sub-board is still the same color as all the others. 

Here the code at the end of my style sheet (it just so happens my Konoha board is ID 20 so that's just a coincidence): 

.board .main a[href*="/board/20/"] {
color: #FF4F4F;
}

[Retread]

Hi NWRP Staff

It looks as if the elements classes used for displaying the subboard links on that theme is just slightly different than ProBoards stock.

Could you try this modification on the CSS snippet Craig provided and let us know if it works for you?

.board .main a[href*="/board/20/"],
.boards .main .sub-boards a[href*="/board/20/"]{
   color: #FF4F4F;
}

[NWRP Staff]

Retread

Oh my gosh this is perfect! Thank you~