Tabbed Categories

[eve1]

Hi um I don't know what happened, but I posted the Css code and the template code yet the categories don't match my board colors or anything. Here is my site if you would like to take a look.

[Shorty]

Post the CSS you have for this.

[eve1]

<span style="font-family: Lightfoot MT Light; font-size: 10pt;">/*Begin Tabbed Categories CSS */</span>
.tabbedtd {
background-color: #f1f1f1;
text-align: center;
border: @content_area_border;
padding: 2px;
margin: 2px;
}

.tabbedtd:hover {
background-color: @container_highlight_color;
}

.tabbedtdactive {
background-color: @container_highlight_color;
text-align: center;
border: @content_area_border;
padding: 2px;
margin: 2px;
}
/*End Tabbed Categories CSS*/

[Shorty]

I'm not seeing that css anywhere? Where did you place it?

[eve1]

I placed it in the Themes > Advanced Styles and CSS > Style Sheet

[Shorty]

I don't see that CSS anywhere. So that would explain why it's not affecting the stuff. Are you sure you did it on the right theme?

[Relic]

Hey Shorty, I'm trying to change the color of the text for the tabbed categories, but it's not quite working... my site is ti-rpg.boards.net/

If you click on one of the other categories and then click back to a different category, it will show the color that I actually want it to be (that really light blue). The hover color is correct... it's just the initial color that isn't changing no matter what I try!

Any thoughts on how to fix it?

[eve1]

Yes Im sure I put it in the right theme.

[Shorty]

On this part of the CSS, add the red.

.tabbedtd {
background-color: #1f1f1f;
color: #000000 !important;
text-align: center;
border: @content_area_border;
padding: 2px;
margin: 2px;
}

Changing the #000000 to whatever you want.

[Shorty]

eve1, then I don't know what to tell you. As I don't even see the CSS anywhere.

[Relic]

Ah, I should've thought of that :/ However, it didn't work. Any other ideas?

[Shorty]

Add !important to it.

[Relic]

I did, it looks like this:

color: #F0FBFF !important;

[Shorty]

Alright. Sorry. Add this to your CSS.

td.tabbedtd font {
color: #F0FBFF !important;
}

[Relic]

No it's no problem at all Shorty! You're trying to help so many people, I really appreciate you taking the time to help me! And that worked wonders, thank you