where in the css stylesheet is the info box?

[gsdcypher]

Where in the css stylesheet is the code that controls the information box (the one that displays shipping & returns, privacy notice, conditions of use, etc. etc.)???

Is there a list somewhere that describes where things are located in the css stylesheet and what they control? I am using the bare bones template.

thanks!

[kobra]

It may or may not be there and be taking on default class styling

this is #informationContent and if you do not find this you can add it

[gsdcypher]

thanks kobra. i haven't been able to find it anywhere so i guess i will have to add it. is there a place in particular that should add it in the css stylesheet?

*also the mods we made (moving the info box into the header via navcolumnone) don't work in ie. it is blank where the box should be...

thanks.

[crazy_chris]

hey,

to your css-question:
zencart loads all .css files in "your_template_dir/css". it's best to create a new stylesheet for your own code called something like 'stylesheet_newelements.css'. add all your styles there, thus it will be more easy to find your own changes.


to your "moving the info box into the header via navcolumnone":
no idea what you're talking about maybe you can provide a link or some detailed description.

cheers,
chris

[kobra]

also the mods we made (moving the info box into the header via navcolumnone) don't work in ie. it is blank where the box should be...

If you see it in FF it is also there in IE - but as we have no url to check - this might be a IE bug or maybe a z-index will correct

[gsdcypher]

Hi,

Thanks for responding. This forum is very supportive I am just waaaaay behind the curve on CSS. So I am struggling a bit to make the changes I want.

I would also like to add a box to the right side of the header (across from the info box) that gives a running total of items in the cart. You know... the one that keeps track of items you have in your cart without having to go look at the cart..

Here is a url for the ZC I am building. Obviously I have a long way to go, but you can see how the info box in the header doesn't show up in IE, but it does in FF.

url: http://www.allk-9.com/cart

Thanks!

[kobra]

First things first...

Not sure if an IE bug or just a difference in browsers - - Try adding this to #navColumnOne

z-index: 1000

If this does not produce the appearance then try adding one to all the item that are in this area but make these

z-index: -1

would be like headerWrapper , logoWrapper, logo etc. and see if thisd corrects

[gsdcypher]

I made all of the changes below, but they had no effect...

#navColumnOneWrapper {

margin: -235px 0.5em;
z-index: 1000;

}

#logoWrapper{

background-color: #ffffff;
z-index: -1;

}

#headerWrapper{

height: 275px;
margin: 0em;
padding: 0em;
z-index: -1;

}

#logo{

float: right;
z-index: -1;
}

thanks.

[crazy_chris]

to get the shopping cart in the header, read this thread.
it's mainly about the code you need to put in tpl_header.php though.

you could give that new div an absolute position, so it's kinda staying on top of the header.
read more about positioning at w3schools.com

[kobra]

I made all of the changes below, but they had no effect...

Looking at your view source in IE, the info is there???

Try searching on this forum and/or Google for IE bug or peek a boo and see if any of these might apply