How to change zencart to match my site?

How do I change my zen cart to look like the rest of my site? I would like for it to look like it is part of the rest of the site. I have no idea where to even start.:wacko:

A good first step would be to give a link so we can see your existing site, and offer specific ideas rather than generic concepts.

Then study the tutorials on template customization, and look through the forum sections related to your questions and search on particular keywords that describe your desires.

If this is the Dutch Oven site, my advice would be to use Zencart as your whole site and not try to match what you have now. Your current site design is OK, but a little dated.

Mostly you just have to dig in and start changing stuff. Reading up on the basics of CSS helped me a lot. You won't need to know any PHP unless you want to get really creative, and even then, there's probably already a mod that will do what you want to do.

There are free templates available for Zen Cart which may help you get a jump start on designing your site. You can see them in action at http://(sorry, site offline)/

Yes it is the dutch Oven site.

https://www.MyDutchOven.com

I actually just got finished building it, so I would really rather not start all over.

No offense, but the design looks very 1990's, with the obvious table borders in many places, and the smaller images could use some alignment fine-tuning.

You don't have to scrap the whole design, but making the details more modern and clean (or even rustic) will help.

You can easily make your Zen Cart resemble the homepage design. Start by turning off the right column (Configuration > Layout Settings > Column Right status); you probably only want a few sideboxes on the left, Categories (rename the heading Products) and ez-pages. You can install the Blank Sidebox mod and put the Home link in it. The shopping cart sidebox can be set to only show when there is something in the cart.
Turn off borders for sideboxes in your stylesheet and assign the button border as the background for sidebox headings and links. The button border gif needs to be cleaned up, as the white corners are distracting on the gradient background. Erase the white and make the corners transparent. How you style the categories is up to you.

The header could be handled in a couple of ways. You might make the #headerWrapper background the gradient, #logoWrapper 100% width with the "box" background image at the left and the oven logo image positioned in the left-center. The tagline can be edited to contain all of the header text, by using a <br /> and <span>for the smaller text.