NotePad Chaos – Removing Columns

I just downloaded the theme and looking at it for only a few minutes, in the home.php, there are these lines at the bottom:

<?php include ('columns.php'); ?>
   <?php get_sidebar(); ?></div><br clear="all" />

I think that will remove the columns from the homepage, but if you do that, then, I think, you may need to fiddle with the background images. The orange and yellow postit notes will need to be edited out.

Hi,

Thanks for helping sorry for late response ive been busy. I tried this and it just takes the columns out which then means I have no page buttons as well. I just wanted to remove the right column and move the page links to the right.

I looked and found in the style.css where to remove the styles for the images etc to remove all that and can also edit the page-back.jpg to look how I want and edit recent post note on it to say pages.

However thats all cosmetic then I still need to tell it to list the pages on that column.

It seems strange to me that there is backgrounds for single and double comun yet the theme somehow uses the double automatically and posts all the meta and links posts etc in the far right column regardless of what it says in columns.php as in my colunns.php there is only info regarding pages so where is this stuff coming from lol

This is my columns.php and it still posts all the meta info etc

<div class="side-columns">
<div class="col02">
  <div class="pages">

<ul>
      <li class="<? echo (is_home())?'current_page_item':''; ?>"><a>/">Home</a>
      <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
echo $pages; ?>
    </ul>
    <? unset($pages); ?>
  </div>
  <div class="pages-bottom"></div>

  </div>
</div><br clear="all" />

[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]

errm scrap that it would seem the columns.php has updated on the serverside i had an old one :/ just going through it will post if i find a solution myself.

Ok, I have removed the last column of data but dont know how to move the page list across to the right where the old data was :/ Also got some gap at the bottom of the page going on (ill probably work that out)

But if you could help me move that column of page links to the far right then I can edit the backdrop move the pages postit note across and fill in the notepad space and i can then complete the site.

cheers!

This is the code ive found concerning it within the style css

/* column 2 */

#content .col02 {
	float:left;
	width:210px;
	font-size:11px;
	line-height:16px;
}
#content .col02 .pages {
	width:212px;
	background:url(images/pages-back.gif) repeat-y;
}
#content .col02 .pages ul {
	padding:0;
	margin:0;
}
#content .col02 .pages ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
	padding:0;
	margin:0;
}
#content .col02 .pages-bottom {
	width:188px;
	height:62px;
	background:url(images/pages-bottom.gif) no-repeat left bottom;
	padding:12px 12px 0;
	font-size:11px;
	text-align:right;
}
#content .col02 .pages ul li .listMeta {
	font-size:10px;
}
#content .col02 .pages ul li a {
	color:#21565E;
	border-top:1px solid #FFE5BE;
	display:block;
	width:170px;
	margin:0 auto;
	padding:4px 0 4px 25px;
	background:url(images/bullet-postit.gif) no-repeat 5px 8px;
}
#content .col02 .pages ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}

btw it had turned out i had not uploaded my columns.php i had edited and forgotten about lol so the columns.php i posted previously is the one with removed columns ??

Ok, Edit the columns.php so that it looks like this:

<div class="side-columns">
<div class="col03">
  <div class="pages">
    <ul>
      <li class="<? echo (is_home())?'current_page_item':''; ?>"><a href="<?php echo get_option('home'); ?>/">Home</a></li>
      <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
echo $pages; ?>
    </ul>
    <? unset($pages); ?>
  </div>
  <div class="pages-bottom"></div>
    </ul>
  </div>
</div><br clear="all" />

and cope the col02 css details and past them in paste them in place of the postit recent posts details and change col02 to col03 in the style then remove col02 style data and leave just column 3. so it looks like this:

/* column 3 */

#content .col03 {
	float:right;
	width:210px;
	font-size:11px;
	line-height:16px;
	padding:0 0 0 10px;
}
#content .col03 .recent-posts {
	width:212px;
	background:url(images/postitBack.gif) repeat-y;
}
#content .col03 .recent-posts ul {
	padding:0;
	margin:0;
}
#content .col03 .recent-posts ul li {
	font-size:11px;
	line-height:18px;
	list-style:none;
	padding:0;
	margin:0;
}
#content .col03 .recent-posts ul li .listMeta {
	font-size:10px;
}
#content .col03 .recent-posts ul li a {
	color:#21565E;
	border-top:1px solid #ffffbe;
	display:block;
	width:170px;
	margin:0 auto;
	padding:4px 0 4px 25px;
	background:url(images/bullet-postit.gif) no-repeat 5px 8px;
}
#content .col03 .recent-posts ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(images/bullet-postit-on.gif) no-repeat 5px 8px #ff5092;
}
#content .col03 .postit-bottom {
	width:188px;
	height:62px;
	background:url(images/postit-bottom.gif) no-repeat;
	padding:12px 12px 0;
	font-size:11px;
	text-align:right;
}
#content .col03 .postit-bottom a {
	color:#21565E;
}
#content .col03 .postit-bottom a:hover {
	color:#21565E;
	text-decoration:none;
}
#content .col03 .about-box {

Now i just need to widen the page body content area so i use up the second column. not sure how to do that tyring to find out. if anyone knows please help me!!!

could anyone tell me how I would add code to tell it to display the pages in a particular order as well as exclude the sample page in the list? thanks ??

<div class="side-columns">
<div class="col03">
  <div class="pages">
    <ul>
      <li class="<? echo (is_home())?'current_page_item':''; ?>"><a href="<?php echo get_option('home'); ?>/">Home</a></li>
      <?php $pages = wp_list_pages('sort_column=menu_order&depth=1&title_li=&echo=0');
echo $pages; ?>
    </ul>
    <? unset($pages); ?>
  </div>
  <div class="pages-bottom"></div>
    </ul>
  </div>
</div><br clear="all" />

I find it hard to believe nobody here knows how to do what im asking… Just need to widen the content space so its just content then the one pages column…