Change the background colors

[Edwar Colt]

Hello

how to change the background colors of some specific Boards?

[Kindred]

No way that that without a mod or additional themes

[Edwar Colt]

I didn't find a specific mod. the theme is already formatted. a member would like to change the color of the board to match the topic they want to cover. the Forum is dark style, asked me if possible, a blue color for the screen.

And after thinking about it, I thought that the possibility of being able to change the color of certain areas without compromising the layout would be really useful.
I figured I would have some external method after examining the css possibilities and not finding a way to separate the formatting

[Kindred]

In short ...  no

[Antechinus]

I didn't find a specific mod. the theme is already formatted. a member would like to change the color of the board to match the topic they want to cover. the Forum is dark style, asked me if possible, a blue color for the screen.

Sure. Easy. Just needs a few lines of custom CSS added to the end of index.css (or any handy CSS file). Use the relevant board ID as the selector.

For example, take the 'News and Updates' board on this site (first one in the board index). If you want it to have a blue background ...

Code Select Expand

#board_1 {
    background: blue;
}
If you want the 'Organizational News and Updates' board to be green ...

Code Select Expand

#board_244 {
    background: green;
}
That's for the board index. If you want something similar on other pages, that can be done too.

[Edwar Colt]

What I managed to understand is that the boards follow a general pre-formatting of the .main_container.

if I reference a specific board in index.css it doesn't seem to know where to find it.

for example:

Code Select Expand

#board_11 {
    background: blue;
}
does not change anything on board 11

[webtiryaki]

What I managed to understand is that the boards follow a general pre-formatting of the .main_container.

if I reference a specific board in index.css it doesn't seem to know where to find it.

for example:

Code Select Expand

#board_11 {
    background: blue;
}
does not change anything on board 11

#board_11_children  {
    background: blue;
}

[Edwar Colt]

Now yes, the one that changed the internal frame was board_11_childboards

Code Select Expand

#board_11_childboards {
     background: #0267ba;
}
I think I understand how it works, I'm going to do some more tests and this was really a great discovery. Thanks again for everyone's help

[Diego Andrés]

In short ...  no

I think both things can be done with css on 2.1
A similar discussion happened here: https://www.simplemachines.org/community/index.php?topic=585521.0

[Kindred]

Hmmmmmmmmmmm...  ok I guess I am incorrect. 

[DeadMan...]

ok I guess I am incorrect.

That can happen to us all at some point in time... LOL

[Edwar Colt]

And to close my question, the boards are even better with a background image.

Code Select Expand

#board_5_childboards {
    background-image: url(img.jpeg);
}