How to apply bold to menu items

[rpacker 19]

I can't seem to find the CSS style for standard menu items in order to apply bold to the typeface. The menu items are displayed in the Navigation section. Does anyone have the custom code ready to go for this?

[catrina 103]

It should be ul#main-menu-main li.nav_item or something of that sort, but it might be different. Can you please post a link to your site?

[rpacker 19]

http://www.randallpacker.com/ The menu names near the top of the page are: performance, hell, art, etc... Thanks!

[catrina 103]

[code]ul#main-menu-main li.menu_item {font-weight: bold;}[/code]

[rpacker 19]

ul#main-menu-main li.menu_item {font-weight: bold;} That didn't seem to change anything. How did you come up with this line of code? I am using Firebug, but I can't seem to isolate the font style within a menu item.

[catrina 103]

I checked again using Firebug and it should be: ul#main-menu-main li#menu_item {font-weight: bold;}

[rpacker 19]

I think the problem is that the courier font must be bold by default, so it can't get any bolder. How would I increase the size of the font? Sorry for these simplistic questions, I am still learning CSS. Thanks!

[catrina 103]

Use this property: font-size: #px; For more assistance with CSS, this is a good resource: www.w3schools.com/css/

[rpacker 19]

Are you sure you have this right? The following two scripts to change bold and font size are not working: ul#main-menu-main li.menu_item {font-size: 8px;} ul#main-menu-main li.menu_item {font-weight: bold;} Thanks.

[catrina 103]

Where are you adding this CSS?

[catrina 103]

Also, it's li#menu_item, not li.menu_item

[Danny+ 1,327]

Hi Randall, The menu items are already bold as far as I can see, you can add this however and you should see a increase in the bold effect. [code] .main_nav li a { font-weight: bolder !important; } [/code]

[rpacker 19]

Danny, that worked like a charm, thanks!! Here is what I used to apply bolder and font size: .main_nav li a { font-weight: bolder !important; } .main_nav li a { font-size: 12px !important; }

[rpacker 19]

@Danny I have run into a new problem with the secondary navigation. Apparently it works on posts and pages, but not on individual posts and categories. I have looked at one solution in the forum, which is way over my head. Is there an easier way to accomplish this? I just want a navigation centered at the bottom of every page. Maybe there is another way to do this?