My navbar is too wide for my page, on most layouts. I keep most of my pages black, so that you cannot tell (since the boxes (or tabs) around my navbar are black.

1. How can I make my navgar fit better under my header without making my navbar change to 2 lines of tabs (right now it is a single line of links as it should be).

2. How can I make the black boxes/tabs go away, so that the navbar contains just the words (without the boxes). For example, see how bad these black boxes look in this category: http://naturalphotography.smugmug.co...ession-Details

3. Once I get rid of those black boxes, so that only text is visible and clickable, how do I change the color of the text. (The white text will not show up the theme of the page in the link above).

Here is my website: www.naturalphotography.smugmug.com

ALSO any other tips you can offer on cleaning up my website, would be awesome. I've come so far with it over the past few years, and I haven't done much in the past 6 months so it needs some cleaning up. AND I do know already know that my website address does not match the name on my banner- that's a big no no, I know..... just trying to figure out the best way to change my website name without losing my blog since all the images on the blog are linked to smugmug... I can't seem to come up with a good solution though.

Thanks, Melissa DeGroot

Originally Posted by My3Sons My navbar is too wide for my page, on most layouts. I keep most of my pages black, so that you cannot tell (since the boxes (or tabs) around my navbar are black. 1. How can I make my navgar fit better under my header without making my navbar change to 2 lines of tabs (right now it is a single line of links as it should be). 2. How can I make the black boxes/tabs go away, so that the navbar contains just the words (without the boxes). For example, see how bad these black boxes look in this category: http://naturalphotography.smugmug.co...ession-Details 3. Once I get rid of those black boxes, so that only text is visible and clickable, how do I change the color of the text. (The white text will not show up the theme of the page in the link above). Here is my website: www.naturalphotography.smugmug.com ALSO any other tips you can offer on cleaning up my website, would be awesome. I've come so far with it over the past few years, and I haven't done much in the past 6 months so it needs some cleaning up. AND I do know already know that my website address does not match the name on my banner- that's a big no no, I know..... just trying to figure out the best way to change my website name without losing my blog since all the images on the blog are linked to smugmug... I can't seem to come up with a good solution though. Thanks, Melissa DeGroot

Start by changing the red in this.

#navcontainer ul li a {
    text-decoration: none;
    padding: .2em 1.5em;
    color: #FE89B6;
    background: none;
}

The color was a compromise for dark and light pages.

Originally Posted by Allen Start by changing the red in this. #navcontainer ul li a { text-decoration: none; padding: .2em 1.5em; color: #FE89B6; background: none; } The color was a compromise for dark and light pages.

Thanks so much! Worked great, and I can't believe you knew the color code to match the banner so well!

Here's a question about the spacing above and below the navbar:
On my homepage, ( http://naturalphotography.smugmug.com/ ) there is space below my navbar (between the navbar and the box around the slideshow) and I like it that way. On my Recent Sessions page, there is not any space between the navbar and the box around the categories, and it seems crowded. This link goes to the Recent Sessions page: http://naturalphotography.smugmug.co...trait-Sessions How can I get some space there?

-Melissa

Originally Posted by My3Sons Thanks so much! Worked great, and I can't believe you knew the color code to match the banner so well! Here's a question about the spacing above and below the navbar: On my homepage, ( http://naturalphotography.smugmug.com/ ) there is space below my navbar (between the navbar and the box around the slideshow) and I like it that way. On my Recent Sessions page, there is not any space between the navbar and the box around the categories, and it seems crowded. This link goes to the Recent Sessions page: http://naturalphotography.smugmug.co...trait-Sessions How can I get some space there? -Melissa

Add these in this order to your CSS

#navcontainer {margin-bottom: 20px;}
.homepage #navcontainer {margin-bottom: 0;}

I used ColorPix to select the color.

Originally Posted by Allen Add these in this order to your CSS #navcontainer {margin-bottom: 20px;} .homepage #navcontainer {margin-bottom: 0;} I used ColorPix to select the color.

Thanks again, Allen! You're awesome!

-Melissa