CSS selector for sub-boards only? [Resolved]

[Gremalkyn]

Realized this was in the wrong place, so I moved it here.

I'm working on a test site, and the dilemma I'm facing is that I would like sub-board titlebars to have a background, without having to apply a background to the categories on the main page.

The .boards CSS selector I've been using does both category title-bars on the main page, and the sub-boards.

Things I've tried:

.container.boards .title-bar { background-color: #011000; border: 1px solid; border-color: #333333; }

And various random 'hope I guess it right' CSS selector variations of the title-bar selectors above.

If anyone could help me out with this, I would be very appreciative. ^_^

Blessings to those reading,
-Gremalkyn

[Brian]

Hi, Gremalkyn.

The HTML for sub-boards contains the exact same classes as the regular boards so you'd have to add a new class yourself if you wanted to address the sub-boards differently.

Find this at the top of Themes > Layout Templates > Board.

<div class="container boards">

Change it to this.

<div class="container boards subboards">

Now you can address your sub-boards using .container.subboards instead.

.container.subboards .title-bar { background-color: #011000; border: 1px solid; border-color: #333333; }

[Gremalkyn]

Oh my goodness - you are the best thing ever, Brian!

Thank you for helping me. I had a feeling it was something I didn't understand quite how to do, but was right under my nose somewhere.

Worked perfectly.

Thread resolved.