From 'Default Layout' I selected "two column fixed 4"

I want to now how to adjust the width.

The default layout has text in a very wide column. But what I am putting in there does not require that wide of a column leaving a HUNK of "white space" between the text and the right sidebar area.

thanks


p.s. Additionally, I accidentally chose "fluid" instead of fixed and want to change back to fixed but I have already made a number of edits and don't want to lose them.

Anyone have an idea how to help with these "two" issues?

thanks again.

Hiya M,

To change the width you need to look in the css file for the theme. It could be there may be multiple places you need to change it with also so I would say use trial and error until you get the right one(s). Look for the larger numbers and you should be able to find them. Remember that there are other containers in the theme that may also need adjusting to accommodate a different width.

As for moving to a different theme, there is no easy way for that. Create another folder and move all the files you have for the current fluid width theme in there so you don't lose them. Open then the new fixed width theme you want to use. Adjust the theme width and such till you have what you want, then copy and paste your content from the other theme into this one where you want it. There's no automatic way to do this unfortunately.

Good luck with it

Thanks. I'll give that a try.

Ok, there is no css file. They style info is written in the index.htm file within the default layout.

Here's the code:

Hiya M,

Looks like this one is working with percentages rather than pixels so at the top and a few other places you'll see some percentages. Start with this one in bold below and alter that percentage and see what happens. It will most likely mess up some other elements but get the size you want and then find those elements in the css style you posted and see if changing those helps. Shouldn't be too hard I'm thinking.

The percentages are because it's a fluid width rather than a fixed width, so I don't think that changing this one will make a difference if you're planning to go with a fixed width theme. That's the one you need to look at the code for the css part and see what's what unless you're planning to stick with this one. If so then that code to start with is below:

<style type="text/css" media="screen">
html, body { margin: 0; padding: 0; }
body { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
h2 { color: #333; }
a { color: #337810; }
p { margin: 0 0 18px; }
#wrapper { float: left; width: 100%; margin-left: -33%; }

The code below is from the fixed width 2 column layout and I've highlighted the main ones that you'll most likely need to check out and change. Hopefully that will get you started if you do decide to change to the fixed 2 column layout. Good luck on it either way

<style type="text/css" media="screen">
html, body { margin: 0; padding: 0; }
body { color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
h2 { color: #333; }
a { color: #337810; }
p { margin: 0 0 18px; }
#container { width: 760px; margin: 0 auto; } (this is the main site width)

/* Header */
#header { background: #eee; border-bottom: 2px solid #ddd; }
#header h1 { color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
#header p { color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }

/* Content Style */
#navigation { border-bottom: 1px solid #ccc; margin-left: 18px; }
#navigation ul { padding: 0 18px 9px; }
#extra { }
#extra small { font-size: 11px; line-height: 18px; }
#content { border-bottom: 1px solid #ccc; margin-bottom: 18px; }
#content p, #extra p { padding-right: 18px; }

/* Content Positioning and Size */
#navigation { float: left; width: 175px; }
#content { float: right; width: 540px; }
#extra { float: right; width: 540px; } /* Footer */
#footer { background: #333; border-bottom: 2px solid #999; clear: both; }
#footer a { color: #eee; }
#footer p { color: #ccc; margin: 0; padding: 0 18px 10px; }
#footer ul { border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li { display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }
</style>

Or, you can wrap the whole thing in one big "div" container of a fixed width.
E.g. for a 800px-wide centred page...
and fiddle with the percentages to get them correct sizes.

... just a thought.