Idea Forum Header- Change from blue?

I know I must sound like a pain :S. I added the following code to my template.css file. Everything works but the Catergory section headers remain blue. I am looking to change them to a grey. I noticed this post has over 300 views, so maybe I am not the only one experiencing this issue. Here is the code I added to the template.css file. I must be doing something worng .

/* Change the link colors */
#Kunena a:link,
#Kunena a:visited,
#Kunena a:active {
color:#ff3399 !important;
}

/* Change the header background colors */
#Kunena div.kheader {
background: #b8b9bb !important;
}

/* Change the header text colors */
#Kunena .kblock div.kheader h2 a:link,
#Kunena .kblock div.kheader h2 a:visited,
#Kunena .kblock div.kheader h2 a:active {
color: #fff !important;
}

/* Change the tab colors */
div#ktab ul.menu li a {
background-color: #b8b9bb !important;
}

/* Change the active tab & rollover colors */
div#ktab li#current a {
background-color: #ff3399 !important;
}
div#ktab ul.menu li a:hover {
background-color: #ff3399 !important;
}

/* Change the border color under the top nav */
#Kunena #ktop {
border-color: #b8b9bb ;
}

/* Change the pagination color */
#Kunena .kpagination .active {
background:none repeat scroll 0 0 #b8b9bb ;
border:1px solid #ff3399 ;
}
#Kunena .kpagination a {
border:1px solid #ff3399 ;
}
#Kunena .kpagination a:hover {
border:1px solid #ff3399 ;
color: #fff !important;
background: #b8b9bb ;
}

/* Change the post link color */
#Kunena div.kmsg-header h2 a {
color: #fff !important;
}

/* Change the toggler color */
#Kunena #ktop span.ktoggler {
background-color:#b8b9bb ;
}

/* Change the button rollover color */
#Kunena .kbutton:hover, #Kunena .kbutton:focus {
background-color: #b8b9bb
border-color: #ff3399 ;
}

Hi,

can you enable debug in Kunena Configuration, switch blend option to off in Template Configuration and provide as a link to your Kunena Forum.

Thank You

I agreee, @quila, enabling Kunena debug will use the kunena.forum.css file instead of the kunena.forum-min.css file. That's a good idea.

crystalm28: There are a few "gotchas" with CSS. From time to time I've worked myself into a bit of a state wondering, when I know that I've changed a CSS file, why hasn't my website changed.

This is my diagnosis procedure:

(1) Did I really save the CSS file to my website? Did I save the file in the right folder?
(2) Am I trying to use the minified CSS file or the clear-text version? (see Minified CSS in the Wiki for an explanation)
(3) Am I using a copy of the old CSS file stored in my browser cache? Try forcing a screen reload (CTRL+F5 in Firefox) or empty your browser cache and try again.
(4) Did I have a syntax error in my CSS code (like a missing semi-colon)?
(5) Is there some other way I can appease the internet gods?

Please post a link to your forum. There's evidently something not right about your installation and there's no way to realistically troubleshoot without seeing live code.

I more information....I am using IE 8. I just tested the site on Firefox and Opera and the forum looks great.. However, when using IE 8, the forum is not completely compatible. I didn't realize this before...and didn't think to test, because I am not at that stage yet.

IE8

1. The headers remain blue
2. When adding "New Topic" the Boardcode area, extends beyond the page.

Again, both item above look great with Firefox & Opera.

Any suggestions? And you guys are AWESOME!!!

I figured out the issue while searching through your Forum. I was using compatibility mode in IE8. Now that it's turned off, it looks great!

Do you know if there is any resolution for people viewing my site using compatibility mode or IE7? Meaning, if I had this problem, there is a chance my customers will too.

Thank you!!


www.kunena.org/forum/171-k-16-templates-...ith-pagination#70766
But I've discovered that when you turn on compatibility mode in IE8 (emulating IE7) and have your forum too narrow, the pagination runs off similar to your screenshot. So technically it's an IE7 issue. I've logged it in the bug tracker here