Help, how to adjust the spacing on the main page

The spacing on the main page is too wide as shown on the attached picture. Any one knows how to adjust that? Thanks in advance

In your template folder find the folder titled css.

now open the main css file, stylesheet.css

Under body add the following before the last )

width: 1024px;

or you can set it for 800px if you want it even tighter. But I like bigger type so I feel that 800 is too thin for me. It works great if you're only going to use one side for boxes though.

WAIT THATS WRONG!!!!

I looked at your thumbnail. width has nothing to do with that. sorry.

I think what you need is margins, or padding. But I'm not sure about that. I'll let you know if I figure it out. I have the opposite problem with some of my product thumbnails. Their practically touching.

birdoasis:

WAIT THATS WRONG!!!!

I looked at your thumbnail. width has nothing to do with that. sorry.

I think what you need is margins, or padding. But I'm not sure about that. I'll let you know if I figure it out. I have the opposite problem with some of my product thumbnails. Their practically touching.

Thank you very much for your help. Please let me know once you have found it, I've spent several hours and still can not find it....

It would be easier if we had a link to the actual site, but check the setting for this:

.centerBoxHeading {
	margin: .0em;
	background-color: #F0F8FF;
	padding: 0.5em 0.2em;
	}

That might be one of the padding values that needs to be changed.

Tried that but does not work.

afo:

It would be easier if we had a link to the actual site, but check the setting for this:

http://www.digizone.co.nz/ (see screen capture above :smile:)

Looks like he fixed half of it on my screen...

NomadRip:

http://www.digizone.co.nz/ (see screen capture above :smile:)

Looks like he fixed half of it on my screen...

Actually this one is easy...

Go into your tool>define pages editor
Then choose html from the right drop down
Then choose main page from the left drop down

Put your cursor in front of the first letter of the first sentence and hit your backspace button about 6 times...

Then put your cursor after the last letter of the last sentence and hit the delete key about 6 times...

Save

Refresh your store and see if that did the trick...

Zen cart pads those text boxes for some reason... but this worked for me...

:lamo: Good luck!

www.fabulousforless.net
(under construction)

Thanks for the info, but still does not work.

valerieq1:

Actually this one is easy...

Go into your tool>define pages editor
Then choose html from the right drop down
Then choose main page from the left drop down

Put your cursor in front of the first letter of the first sentence and hit your backspace button about 6 times...

Then put your cursor after the last letter of the last sentence and hit the delete key about 6 times...

Save

Refresh your store and see if that did the trick...

Zen cart pads those text boxes for some reason... but this worked for me...

:lamo: Good luck!

www.fabulousforless.net
(under construction)

Try this in your override styleshee.css

#indexDefault {margin: 0em;
padding: 0em;
}

#indexDefaultHeading {margin: 0em;
padding: 0em;
}

#navBreadCrumb {margin: 0em;
padding: 0em;
}

Mess around with these setting to achieve the distance you want.
If they are not in your css, them just add them.

Mark,

about half is coming from

some is coming from .greeting

.greeting {
padding: 0;
margin: 0;
}

clears out a bunch (note: you'll want to put some back on the bottom at least, this is just a demonstration)

your also getting padding from
.centercolumn {
padding: 0;
}
(again, you'll want to put some back at the sides and probably the bottom, just showing where its coming from)