The Nav Bar at the top doesn't respond to CSS

The bar code worked perfectly thank you!

However nothing happened to the font colour it’s still black and when I hover over it turns my custom colour. At the moment I have this in code in my CSS stylesheet

#nav ul.sf-menu,#nav-top ul.sf-menu {
width:100%;
background-color:#F0EDEF;
}

#nav ul li,#nav.continuous ul li,#nav ul ul li,#nav.continuous ul ul li,#nav ul li a,#nav.continuous ul li a,#nav a.current li a,#nav.continuous a.current li a {
background-color:transparent;
}

#nav ul ul li,#nav ul ul li a,#nav ul ul li a:visited {
background-color:#F0EDEF;
}

#nav-top ul li {
border:none;
}

#nav-top a.current,#nav-top a.current:visited,#nav-top a.current:hover,#nav-top a.current:active,#nav-top li a:hover,#nav a.current,#nav a.current:visited,#nav a.current:hover,#nav a.current:active,#nav li a:hover {
background:none;
color:#000;
}

#nav-top ul li a,#nav ul li a {
background:none repeat scroll 0 0 transparent;
color:#000000;
}

#nav-top,#top-bar-right-spanel {
border:none;
margin:0 auto;
}

#nav-top a.current,#nav-top a.current:visited,#nav-top a.current:hover,#nav-top a.current:active,#nav-top li a:hover {
color:#6939A8;
}

#nav-top ul.sf-menu {
background:none;
}

#nav-top a.current:hover,#nav-top li a:hover {
color:#6939A8;
}`

but I’m not sure here where I can edit the font. I seem to have a thicker font on my top bar and ariel for the rest of the site.

Sorry I thought the code would come in a little box.

Upon relflextion the hover cover is pretty nice that way. Can I find a place to only edit the font? To ariel and the colour grey?

If you want to change the colour of the font without hovering, try;

#nav-top a,
#nav-top a.current,
#nav-top a.current:visited
#nav-top a.current:active {
 color: #etc-your-color;
}

For the font, does this work;

#nav-top a {
 font-family: arial, san-serif;
}

no. I also tried by adding the colour I wanted, i pasted

#nav-top a {
font-family:arial, san-serif;
color:3D3932;
}
but nothing changed

Eande,

Did you get your problem sorted? If so, mark the thread as resolved please ??

Thanks Andrew,

I almost have…. Just an update, I was looking for more answers to change the colours of the fonts and I read online that sometimes CSS doesn’t respond if you have minify enabled on CSS – which I did.

I turned it off and the things I had edited via skinning options began to appear… So I can use both now, and I’ll have a play around using both methods today.

However, I haven’t completely resolved the issue for CSS because every code I’ve placed in to change the colour and font of the post title and page title doesn’t work, however it does allow me to centre the titles, which is a bit strange, as the font color and family are in the same bracket, don’t suppose you could shed any light please?

What CSS have you tried for the fonts and colour?
You may have posted it before in this thread, but can you repeat just to clarify?

use these selectors for title

.title h1.posttitle a,
 .title h2.posttitle a { color: #code; font-family: whatever; }

Thank you both, Sumit, I jsut tried that one but it did not change anything. At the moment I have this.
entry-header,.entry-header a {
border-bottom:1px solid #336600!important;
color:#6939A8!important;
font-family:arial, san-serif;
font-size:11px!important;
font-weight:normal!important;
text-align:center!important;
text-decoration:none!important;
}

This is working but your home page code does not have anchor tag inside the heading tag but it exist on single post.
so you can try this css. no need for !important.

#content h1.posttitle,
#content h2.posttitle,
#content h1.posttitle a,
#content h2.posttitle a {
border-bottom:1px solid #336600;
color:#6939A8;
font-family:arial, san-serif;
font-size:11px;
font-weight:normal;
text-align:center;
text-decoration:none;
}

Wow Sumit!
That’s brilliant thank you. However now all my blog and page posts are underlined (except the homepage) Can I take this out?

That sounds worrying though about my homepage? Need I change it?

Thanks!

I’ve tried to take out the underlining of all my titles (except the welcome page as it doesn’t appear) I tired to add:

text-decoration:none!important;

but nothing is working. They all remain with a line under the title. Is there anything more I can try please?

yes it was my mistake actually code should be like this

#content h1.posttitle,
#content h2.posttitle {
border-bottom:1px solid #336600;
color:#6939A8;
font-family:arial, san-serif;
font-size:11px;
font-weight:normal;
text-align:center;
text-decoration:none;
}
#content h1.posttitle a,
#content h2.posttitle a {
color:#6939A8;
font-weight:normal;
text-decoration:none;
}
#content h1.posttitle a:hover,
#content h2.posttitle a:hover {
your style for hover
}

Sumit.. Thank you! And thank you to everyone else who has helped me so much in this forum this effect for my site is exactly what I was looking for!

These forums are wonderful!