Zen Cart How to Change A Template’s Width

Customizing your Zen Cart is an important step to take when establishing your online presence. In creating a unique look for your online store, you are establishing your brand. Or, if you already have a brick and mortar business established, you can customize your template to reflect the brand that you have already created. One of the changes you may decide to make to your zen cart template is to change the width of the main template body. This is one of the easier changes that can be made, requiring a single edit to one line of code.

To implement your changes, open your stylesheet and find this code:

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 100%;
vertical-align: top;

Simply adjust the width field as desired. You can use either pixels(px) or percentages when adjusting the width.

It should be noted that this tutorial works best with zen cart version 1.3.x, and is written with the assumption you have based your template file structure on the “template_default” system used by zen cart as a default.

If you need help with your zen cart web site please contact us for a quote.

At Picaflor Azul, we specialize in custom designed responsive zen carts to fit any business, and accommodate any budget. Contact us today about converting your current zen cart to a responsive design, or to have a fantastic new custom design custom tailored to fit your needs and preferences. Now that more and more people shop online from their mobile devices(smart phones, ipads, etc.), mobile friendly websites are more important than ever to convert customers, and increase sales. We can also offer you help with module installation, wordpress integration, or a full zen cart upgrade.

zen cart plus picaflor azul equals success