Questions about the main box

[liebling]

Hi,

I'm trying to customize my new Zen Cart site. I have a limited knowledge of CSS. I tend to 'tinker' and work a lot by trial and error, read up, experiment some more. This time I'm stumped and unable to find the info I'm looking for. I'd like to know if it's possible to


A. Move the central main/ parent container down about 15px so that the background can be seen running above the header.



B. Round the corners of the container so the border has rounded edges.


If anyone can tell me how to do either of these two things, I would be very grateful.

[Sketchy]

A) Sounds easy enough, but is there a URL we can see, to understand exactly what you want.

B) CSS rounded corners are tricky. You'll have to surf around and look for tutorials that may or may not work out. Cross-browser compatibility is a first concern.

[liebling]

Yes! The address is http://newmedea.com/achachliebling.com (for now-- I'm waiting for a domain name transfer to go through. . .)


Thanks so much!

[Sketchy]

You're welcome. I get what you mean, probably a body margin of about 2-3em would suit your store.

Find in your stylesheet;

body {
	margin: 0;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 72.5%;
	color: #000000;
	background-color: #ffffff;
	background-image: url(../images/chocoheart.gif);
	}

Replace margin: 0; with possibly margin: 2em;. You can add or subtract single em's to suit to your liking.

[liebling]

Thanks so much!

[Sketchy]

You're very welcome. Your store does look good that way.