Changing Colors in CSS? Not working

[bfwdesigns]

I have search the posts and found several posts and I tried the examples, but it still does not work! See here: http://cherylsjewelry-n-giftnook.com/zencart/

See where it says "Home and Link" below the main header, well I want to change that from white to brown. I was told it was here:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #694F35;
font-weight: bold;
height: 1%;
width: 760px;
}

but that does not work. I had a background image that was removed, but now the color is white not brown.

I also want the center of all pages to be the light brown that is around the outer columns...

I am using the current version of zen, classic override system, and the stylesheet.css not the new or original one...

I also want to change the footer color too but that is not working.. please help!

Maybe I am using the wrong stylesheet?????? This is the stylesheet that came with the classic template.. should I be using the original or new stylesheet?

[kobra]

You have all three css files being processed.
Start by renaming the style sheets in my_store06 folder
your stylesheet_new.css to stylesheet_new.old
and your stylesheet_original.css to stylesheet_original.old
See what this looks like and now changes are all controlled through one style sheet, the one left as stylesheet.css

you will have to change the width 100% entries to either 75% or 750px to get back to your current look. and than some colors might have to be adjusted.

This should get you on the correct track

[bfwdesigns]

ok, i did want you told me and still looks the same

I went to the define editor and added the beige background color for my introduction and you can see it when you view in the html editor for main_page but when you actually view the page it is still white! I dont get it... Maybe I am missing it in the code somewhere?

[clydejones]

Remove the .css extension on these two files:

stylesheet_original.old

stylesheet_new.old

Check now and see if that helps.

[bfwdesigns]

It worked! Thank you both!

Now, I have to figure out where to add the color for category, information headers tab etc..

I appreciate all your help!

[clydejones]

Just a small tweak suggestion.

Your logo is 755px wide.

You might want to adjust this to avoid that slight overlap on the right side.

#mainWrapper {
	background-color: #F6EED9;
	text-align: left;
	width: 755px;
	vertical-align: top;
	border: 1px solid #F7E7CE;
	}

Just change the portion in red.

[bfwdesigns]

ok thanks, i changed it... were you using IE or firefox? I know in IE it looks good but in firefox the dark brown is coming out on the right side of the logo... i dont know how to correct that...?

thank you for your time.

would you know how to change the row colors for the product and the footer to brown on all pageS?

[clydejones]

Tweak this section of code also, right now you have it set at 760px.

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #694F35;
	font-weight: bold;
	height: 1%;
	width: 755px;
	}

you can add the following 2 statements to your stylesheet.css

.footertop, .footerbottom {
background-color: #000000; /*make this the color you want*/
}

[bfwdesigns]

thank you that worked.... quick question... i would like to make the brown footer smaller and I tried to add add this code:

height: .5em; but it seems to keep it about the same height... how can i make the footer smaller and center the text?

Also, where in the css would control adding a border around the links under 'category'

Do you recommend any good CSS books?

Thank you for all your help :)

[clydejones]

Judging by what I can see, your tpl_footer.php seems to be from an older table based version.

which current version of zen cart are you using?