menu

Without seeing your site, no can possibly help you.

https://www.redcarpetrefs.com/wordpress

Try editing style.css and changing:

#nav-content {
    margin: 0 auto;
    width: 978px;
}

to:

#nav-content {
    margin: 0 auto;
    width: 600px;
    font-family: [ insert your list of preferred fonts here ]
}

– replacing [ insert your list of preferred fonts here] appropriately.

centering the links on the nav should just be a matter of

text align:center;

on #nav-content, like esmi suggested for the font change.

Dan

its not working?

#nav-content {
margin: 0 auto;
width: 600px;
font-family: [ insert your list of preferred fonts here ]
}

where u say insert just put like impact in it that and thats it beacsue that didnt work

I’d pick your font carefully anyway…impact or whatever you choose might not be on other peoples machines. Try a simple change like times, or verdana and check if it works.

I can’t really see why it wouldn’t work. Unless, its a hierarchy problem, as in the CSS is placed in the wrong order and is being overwritten by something else.

Whats your CSS file called? Might be able to help if I can see it…

Dan

[CSS & code moderated as per the Forum Rules.]

this style.css and i just did impact too see a change

im using arras tooo

I didn’t see the font-family change I suggested on your site. You need to use something like:

font-family:Impact, Tahoma, Verdana, Geneva, sans-serif;

thany you that did work now i need help with another thing getting the rss box thing off and as u can see i have a red line between my header and nav how do you get that off?

getting the rss box thing off

Sorry? Do you mean the RSS icon in your header> If so, try looking in header.php.

i have a red line between my header and nav

Assuming you mean the slightly lighter red line below About Us & Contact Us, you need to edit arras/css/styles/red.css and change:

#top-menu {
    background: none repeat scroll 0 0 #330800;
    border-bottom: 1px solid #4A0C00;
}

to:

#top-menu {
    background: none repeat scroll 0 0 #330800;
    border-bottom: none;
}