Changing header bar and left column background color

[mydlam]

I'm sorry if this has been answered but somehow i couldn't find it.

I tried to change the background color the header bar on top to green (where home, login and search box are) but it didn't the entire header bar (still gray).

You can see it here

http://www.floratouch.com/store/

I also want to change the orange (below the header) and the magenta color (feature listings). Please let me know where I can change these. Thanks in advance.

[kobra]

You need to start using the tutorials/FAQ's in the top nav bar ^^ for these basic items:
https://www.zen-cart.com/tutorials/index.php?article=43
https://www.zen-cart.com/tutorials/i...hp?article=147
https://www.zen-cart.com/tutorials/index.php?article=38

And many others

[mydlam]

I read all the tutorials that you mentioned and also went thru the Max Design tutorial. I have a better idea of how CSS works now.

I thought if I wanted to change background color of the top nav bar (home login) I could just add the below
#navMain {
background-color: #005380;
}

and the background color of the top nav bar would change.

However, it only changed half of the bar as shown in my website.

Also I don't know why the navSupp and navCatTabs have the gray color, I don't set the background to gray anywhere.

Thanks for your help!

[kobra]

First, you have named a file stylesheet_save.css and any file with the extention of css is parsed -
get rid of the .css extention for old copies name them stylesheet.old or anything but .css

Next you have broken your sheet named stylesheet.css

I suggest your delete it and rename stylesheet_save.css to stylesheet.css

Once that is done then find this code in the file and change the red highlighted value to the color you want

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

[flatlander]

Hi,

I assume you know you can go into

/public_html/includes/templates/images/

and change tile_back.gif to your own image that you want in the top nav bar and footer, and this will then appear there (its only a small image but it is set to repeat in the style sheet).

This is all I did anyway.

Thanks

[mydlam]

Thanks so much. I didn't know any file w/ css extension is parsed. That solves my problem!

[ehswift]

I am using the template override system for the layout of my store and would like to point to tile_back.gif or my own personal image, but what file contains the path to this image? I too am seeing gray in the top nav bar.

[kobra]

ehswift,

I am using the template override system for the layout of my store and would like to point to tile_back.gif or my own personal image, but what file contains the path to this image? I too am seeing gray in the top nav bar.

Do not make this harder than it needs to be....
What template are you using?
What is a link to your site?

[ehswift]

I am working in getting my store live, so no link just yet, may have to get back to you later on this one.