Change background of the 'Board List' legend?

[stronktank]

Hello support team!

I'm wondering where I can edit the background color and text color/size + even the height of the column that says 'Board' - 'Threads' - 'Posts' - 'Last Post'. (Board list legend?)

I found the /* Board List */ area in the css style sheet but can't find to where to ONLY edit the background/text of the legend,... (meaning not the background of the boards themselves!)

Found the same thing in the 'board list' in 'templates' but confused on what should go where,....

Help!
Thanks!

[Tumbleweed]

Jul 10, 2015 16:09:57 GMT -8 stronktank said:

Hello support team!

I'm wondering where I can edit the background color and text color/size + even the height of the column that says 'Board' - 'Threads' - 'Posts' - 'Last Post'. (Board list legend?)

I found the /* Board List */ area in the css style sheet but can't find to where to ONLY edit the background/text of the legend,... (meaning not the background of the boards themselves!)

Found the same thing in the 'board list' in 'templates' but confused on what should go where,....

Help!
Thanks!

Hi there!

You can add this to the bottom of your style sheet (Admin>Themes>Advanced Styles & CSS>Style Sheet>) for the boards, threads, etc.: (edit the colors/height to what you want)

.boards table.list th{

background-color: #ddddbb;

color:#888800;

 height:60px;
}

If you want include the sub-boards "subject", "created by", etc. then you'd use this:

.boards table.list th, .threads table.list th{

background-color: #ddddbb;

color:#888800;

height:60px;
}

[stronktank]

Superb! Thanks!

Though there are some small issues,...
The 'grid' lines have a bright color and cross through it? Any way I can make the small parts that go through this in the same color as the background?

Also, no matter how I smaller the height, the text is too big and is the reason it's this high. Tried adding 'size: 10px' but it doesn't do anything.

Thanks a lot! And kudos for the quick help!

EDIT: I actually have the same problem for the 'members' list legend,...

EDIT2: Found how to smaller the text: added 'font-size: 0.8em;' Though still the height of the box doesn't follow,...

[Tumbleweed]

Jul 11, 2015 4:41:26 GMT -8 stronktank said:

Superb! Thanks!

Though there are some small issues,...
The 'grid' lines have a bright color and cross through it? Any way I can make the small parts that go through this in the same color as the background?

Also, no matter how I smaller the height, the text is too big and is the reason it's this high. Tried adding 'size: 10px' but it doesn't do anything.

Thanks a lot! And kudos for the quick help!

EDIT: I actually have the same problem for the 'members' list legend,...

EDIT2: Found how to smaller the text: added 'font-size: 0.8em;' Though still the height of the box doesn't follow,...

Add this to your the css I gave you and change the ddddbb to the color you have for your background:

border-right: 1px solid #ddddbb;

I added a height in the css I gave you so either remove that line or make that much smaller. So your css would look like this but with your colors/height in it:

.boards table.list th{
background-color: #ddddbb;
color:#888800;
height:20px;

border-right: 1px solid #ddddbb;
}

[stronktank]

As you can see it worked perfectly. I even added a small border 'top' and 'bottom'.
Only thing that needs editing is the height,... Lowered it to 5px and didn't do anything. Tried 20%, didn't do anything. I'd like to have it as the 'news' tab, like 2px margin from the text?

Thanks!!!

[Tumbleweed]

Jul 11, 2015 13:28:17 GMT -8 stronktank said:

As you can see it worked perfectly. I even added a small border 'top' and 'bottom'.
Only thing that needs editing is the height,... Lowered it to 5px and didn't do anything. Tried 20%, didn't do anything. I'd like to have it as the 'news' tab, like 2px margin from the text?

Thanks!!!

You really want it skinny. Yes, that's the padding there. Try adding padding:0px; to that same css and then adjust if you need a little padding back.

[stronktank]

Padded like a pro!!

Thanks again!!