urgent!! Strange problem with css

[thecatinthetree]

So I wanted to change the color of my background on the style sheet, went in and made a note of what it was before just in case. When I changed the color, not only did the background color not change, my logo went off center and the breadcrumb line changed color!
I changed it back to the original color and nothing happened- I can't get it back to how it was.

what happened????

*/
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

I changed the #e5edf5 to another color, that is the only place I touched the css.

[clydejones]

So I wanted to change the color of my background on the style sheet, went in and made a note of what it was before just in case. When I changed the color, not only did the background color not change, my logo went off center and the breadcrumb line changed color!
I changed it back to the original color and nothing happened- I can't get it back to how it was.

what happened????

*/
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
}

I changed the #e5edf5 to another color, that is the only place I touched the css.

a small point in your stylesheet (not sure if it will correct the problem or not)

Your have this:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: center;
}

#logo {text-align: center;}

I'd delete the highlighted portion.

Also, you can only float: left or right

[thecatinthetree]

I removed the #logo and it fixed the color- strange, i hadn't even touched that. the logo is still off center though.

How could all that have changed just by changing a color??

[clydejones]

I removed the #logo and it fixed the color- strange, i hadn't even touched that. the logo is still off center though.

How could all that have changed just by changing a color??

You have your logo commented out:

<!--<div id="logo"><a href="http://www.kiirababy.com/"><img src="includes/templates/template_default/images/KBlogo.jpg" alt="KiiraBaby" title=" KiiraBaby " /></a></div> -->

And instead you have it as a background image located in:

#logoWrapper


#logoWrapper {
width:600px;
height:205px;
background-image:url(../images/weblogo2.jpg);
background-repeat:no-repeat;
background-position: center;
}
add the highlighted portion and see if that helps

[thecatinthetree]

riiight.... but where is that? I can't find it?

I guess basically I want to set it up like it was originally in the ZC template and add a new logo.

I still don't understand why it all changed when I tried to change the background color- I know I had the logo as a background image, but it was workign fine for the time being

[clydejones]

riiight.... but where is that? I can't find it?

I guess basically I want to set it up like it was originally in the ZC template and add a new logo.

I still don't understand why it all changed when i tried to change the background color

You can find it in the stylesheet.css right after

#navColumnOneWrapper

[thecatinthetree]

ok, I found that.. what do I need to change it to...

(thanks for your help and sorry I am such a dunce at this )

[clydejones]

ok, I found that.. what do I need to change it to...

(thanks for your help and sorry I am such a dunce at this )

#logoWrapper {
width:600px;
height:205px;
background-image:url(../images/weblogo2.jpg);
background-repeat:no-repeat;
background-position: center;
}
add the highlighted portion and see if that helps

[thecatinthetree]

where is the part that I had commented out?

[clydejones]

where is the part that I had commented out?

That will be in:

includes/templates/YOUR_TEMPLATE/common/tpl_header.php

<div id="logoWrapper">
<!-- <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div> -->

</div>