Product Image Question

[Jim Reed]

The first question went great. All is well there.

When I view the Snowmobile Racing page of the Zen Cart store:

http://actiongraphics.net/shop/index...=index&cPath=1

The images of the products for sale are "squished" into each other. I'm betting that in the style sheet there is a padding or spacing attribute I can change to space them a little more but I can't locate it. Can anybody get me pointed in the right direction? OTher than that, the store is coming along nicely.

Thanks!

JIM

[gjh42]

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em;
	margin-bottom: 1em;
	border-bottom: 3px double #aaccbb; /*adjust to taste*/
	}

This will put some padding between parts of the listing as well as between products.


Get the Firefox Web Developer extension for good tools to find and edit CSS, HTML, etc.

[Jim Reed]

Thanks Glen. I added it and it fix it right on! You are good!

I will look for the Firefox Development tools. That might help me out.

JIM

[jfuller]

Thanks for the coding, but what file do I edit? I'm new here so I need a little more 'where do I find the file' help. Thanks!

[Marg]

includes/templates/classic/css/stylesheet.css

Or if you have a different template:
includes/templates/your_template/css/stylesheet.css

[schoolboy]

These will be in your stylesheets (*.css files). If you have a custom template, then look in

includes/templates/YOUR-TEMPLATE/css/

If you are using a standard install with no custom templates,

includes/templates/classic/css

[afo]

Just be aware that if you are changing the files in the /classic folders, all your changes will be overwritten by the next update/upgrade or you will have to spend a lot of time comparing the new files and duplicating your changes. You are ALWAYS better off creating your own template.