Adjusting the main column width

I have a real problem here with adjusting the width of the main column on my Zen Cart http://www.pigeonwatch.co.uk / shop

The main column "Home" width seems to be fixed at 765 pixels. This is a problem because I needed to widen the column on the left hand side to 250 pixels which has meant that the main column is pushed down to the bottom as there is not enough space for it.

I have been through my CSS and searched the forums, and was making some good progress with the shop in general, but this one has got me completely stumped.

I was wondering if anyone might be able to take a look at it and advise me where things are going wrong. I've tried adjusting a few settings but seem to be banging my head against a brick wall at present :frusty:

Remove (or decrease the value of) the width statement in #navBreadCrumb. Generally, it's best to only specify a width for the rules in the stylesheet that already have them and let Zencart do the rest. I think that's a blunder from your template designer.

Brilliant - thank you so much for that. I was certain I'd already tried your suggestion, but sure enough I tried it again and it worked an absolute charm.

Thank you very much for your assistance with this :bigups:

Following that success, I have run into the same problem that I was experiencing but on a different page.

This time it is on the product info pages: http://www.pigeonwatch.co.uk/ shop/index.php?main_page=index&cPath=1

and http://www.pigeonwatch.co.uk/ shop/index.php?main_page=product_info&cPath=1&products_id=2

As can be seen the table beneath the nav_breadcrumb appears to be set to width of 765, I have looked through the stylesheet and tried to change any bits of code that look suspicious but none of them seem to make an impact - could it be hard-coded elsewhere or am I missing something?

I still haven't been able to resolve this, and was wondering if anyone might have any ideas of how to fix it? :smile:

Try removing the width statement from #breadCrumb and adding this to the stylesheet:

.centerColumn {
width: 675px;
}

You have the main column as a div floated right, without width specified, so it takes the width it wants and doesn't fit beside the left column.
Give #navColumnCenter a width of 650px and see if that helps. You do not want the breadcrumbs to have a defined width; they will fill whatever width is available.You can give them margin-left and margin-right if you want them to keep some distance from the sides.

Noob question: what stylesheet file is that?
I too need to change the site width. Was able to widen the left and right columns from the Admin, now the right sticks out.

Also need to change sentered layout to left-aligned. How can that be done?

stevesh:

Try removing the width statement from #breadCrumb and adding this to the stylesheet:

.centerColumn {
width: 675px;
}

For most templates, the main stylesheet.css will have the rules. Template Monster adds several other stylesheets with duplicate rules, so things are more confusing to edit.

For most styling problems, seeing your site live is the best way for us to help you.

This is a vanilla install of 1.3.9h

gjh42:

For most templates, the main stylesheet.css will have the rules. Template Monster adds several other stylesheets with duplicate rules, so things are more confusing to edit.

For most styling problems, seeing your site live is the best way for us to help you.

Then there should only be two stylesheets, with stylesheet.css being the main one.