Please help with vbulletin header
 

Hey guys,

I am having some trouble with my vbulletin forum and the css style, I think something is conflicting :(.

This is the code I have in the header.php file:

<ul class="navigation">
<li><a href="http">Home</a></li>
<li><a href="http">Forum</a></li>
<li><a href="http">Videos</a></li>
<li class="twitter"><a href="http" target="_blank">Twitter</a></li>
<li class="facebook"><a href="http" target="_blank">Facebook</a></li>
</ul>

And this is the CSS for the navigation bar:

ul.navigation {margin:0;padding:0;font-size:20px;cursor:default;margin:0px 0px 0 0;overflow:hidden;padding:9;border-bottom:1px solid #cccccc;font-style: italic;font-family:Arial Black;letter-spacing:-2px;}

ul.navigation li {float:left;list-style:none;}
ul.navigation li a {color:#CCCCCC;text-decoration:none;padding:7px 15px 7px 0px;display:block;}
ul.navigation li a:hover {color:#333333;}

ul.navigation li.twitter a {color:#CCCCCC;padding-right:0px;}
ul.navigation li.twitter a:hover, a:active {color:#33CCFF}

ul.navigation li.facebook {float:right;}
ul.navigation li.facebook a {color:#CCCCCC;padding-right:0px;}
ul.navigation li.facebook a:hover, a:active {color:#3B5998}

But something is overriding my changes, the text is definitely not arial black 20px and italic, it's more like 10px in some weird font i've never seen :\

Any help is greatly appreciated.

Thanks.

See this regarding font-family - http://www.w3schools.com/CSS/pr_font_font-family.asp Note the comments regarding font names that contain white-space.

Hi Lynne,

Thanks for your advice!

I found the main problem that was causing me grief:

ul.navigation {margin:0;padding:0;font-size:20px;cursor:default;margin:0px 0px 0 0;overflow:hidden;padding:9;border-bottom:1px solid #cccccc;font-style: italic;font-family:Arial Black;letter-spacing:-2px;}

ul.navigation li {float:left;list-style:none;}
ul.navigation li a {color:#CCCCCC;text-decoration:none;padding:7px 15px 7px 0px;display:block;}

The information in ul.navigation wasn't applying to the text, I had to add it to the ul.navigation li a line for it to work?

Oh well atleast it is working :D

Thanks.