Adjusting columns/header widths, how, best way?

[ceejski]

Hi, and happy shinny new forum to you Post 1.

What are the steps to adjust column and overall width?

I'd like to experiment with extending to 1000 with different size sidebars.

Cutline-1.4-3ColumnSplit - WP 2.7.1

Thank you so much and I'm really enjoying Cutline.

cheers

[sofimi]

You'll need to know your way around CSS a bit. Open your style.css file from Appearance > Editor.

Where it says width: 970px;, you'll have to change into width: 1000px;.

Under ul#nav, change width: 950px; to width: 980px;.

As for the sidebars and the middle content, you'll need to find #l_sidebar, #content, #sidebar and find the corresponding width declarations in those and change them accordingly. Remember, each declaration is of the format width: 999px; - semicolon included.

[ceejski]

You'll need to know your way around CSS a bit. Open your style.css file from Appearance > Editor.

Where it says width: 970px;, you'll have to change into width: 1000px;.

Under ul#nav, change width: 950px; to width: 980px;.

As for the sidebars and the middle content, you'll need to find #l_sidebar, #content, #sidebar and find the corresponding width declarations in those and change them accordingly. Remember, each declaration is of the format width: 999px; - semicolon included.

Thanks sooooo much! So simple as Cutline is.

[ceejski]

I had to go to /*---:[ sidebar styles ]:---*/ it appears that this code parents both sidebars. Left is where I want it now at 180 wide. What code would I need to "add" to have control over the r_sidebar. Needs to be 270 wide including header bars and widgets.

My site > http://CJdeVillar.com

Thanks much

for convenience:

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 180px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

[sofimi]

Remove width: 180px; in this line:

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 180px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

And just make sure that under #sidebar it says width: 270px;, which I think you already did.

I had to go to /*---:[ sidebar styles ]:---*/ it appears that this code parents both sidebars. Left is where I want it now at 180 wide. What code would I need to "add" to have control over the r_sidebar. Needs to be 270 wide including header bars and widgets.

My site > http://CJdeVillar.com

Thanks much

for convenience:

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 180px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

[ceejski]

Brilliant my friend, thanx and mission accomplished

[prunier84]

Sorry, I;m a bit lost with this. Is it possible with the 2-column 2.2 version to have the sidebar on the left and the posts on the right?

Many thanks,

Will

[sofimi]

Open style.css in Appearance > Editor and find this line

#content { width: 632px; padding: 0 8px 0 0; float: left; }

Change it to

#content { width: 632px; padding: 0 0 0 8px; float: right; }

All good?

Sorry, I;m a bit lost with this. Is it possible with the 2-column 2.2 version to have the sidebar on the left and the posts on the right?

Many thanks,

Will

[iemdien090]

Up up,Bookmarked,i'll come back soon, "THANK" for usefultopic, Love u all :-)
installing electric radiant floor heating systems cost heat hydronic need help for installing radiant floor heating systems, wondering the costs? installing electric radiant floor heating systems cost heat hydronic

[technobabbler]

I have searched around the forum, as well as tried to figure it out myself but I don't yet have enough knowledge to know exactly where to look.

I am using the 3 columns split version, but I have some pages where I don't want the left column to show up and only have the right column be there.

I have this partially done by editing the index page and removing the line:

<?php include (TEMPLATEPATH . '/l_sidebar.php'); ?>

That appears to be the only major difference from the 2 column and 3 column split.

However the width of the center section stays constant and I just end up with a gap in between the center(now the left column) and the right sidebar that is the width of what used to be the left sidebar.

What do I need to do to make the center content section use the full width of what was the left sidebar and the center section?

Is this a CSS update? and if so, do I need to create a second CSS that is used for this one template or is there an if statement that gets put in there somewhere?