urgent!! Strange problem with css

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.

:unsure: 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.

kiirababy:

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.

:unsure: 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

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??

kiirababy:

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

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

kiirababy:

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

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 :blush:)

kiirababy:

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 :blush:)

#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

where is the part that I had commented out?

kiirababy:

where is the part that I had commented out?

That will be in:

includes/templates/YOUR_TEMPLATE/common/tpl_header.php

sweet, thanks

now how do I enter the image.... i thought I found it but no...

kiirababy:

ok where do I enter the image name for the logo?

includes/languages/english/YOUR_TEMPLATE/header.php

// added defines for header alt and text
define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_SALES_TEXT', 'TagLine Here');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

that's what I thought, but it doesn't seem to work....

kiirababy:

that's what I thought, but it doesn't seem to work....

define('HEADER_LOGO_IMAGE', 'logo.gif');

Make sure the highlighted portion has the same name as your logo image.

also make sure you've uploaded the logo image to:

includes/templates/YOUR_TEMPLATE/images

how do I add an image to the index.php

kiirababy:

how do I add an image to the index.php

Where exactly do you want to add it.

aha! I had added the image to the wrong folder.!:oops:

I 'd like to add it into the midst of the text..

kiirababy:

aha! I had added the image to the wrong folder.!:oops:

Make sure you change the height to match the height of your logo:

#logoWrapper {
width:1000px;
height:221px; This is the height of your logo
background-color:#663366;
background-repeat:no-repeat;
}