How do I get rid of the entire colum on the right side in wordpress?

I just want to have top buttons for navigation. How do I get rid of all the stuff on the side? I also want to remove the dates and the "posted in" that appears on every page.

 

I thought wordpress was easy to use? Yet you cant get rid of that ugly sidebar? I dont understand why anyone would want that ugly sidebar in the first place.

Please help.

 

What's the url of the site you want the sidebar removed from?

 

Do you have something like this in your index.php:
<td width="140" align="right" valign="top"><?php get_sidebar(); ?></td>
That is a call to get the sidebar.php file. I'm not a wordpress expert, but I think if you remove that line, you won't have a sidebar. Make sure you save an original of your index.php just in case.

 

I can help you for sure. Send me a PM.

 

Ok I figured out how to remove content from sidebar. I just went in and deleted everything in sidebar.php.

What I really want to do is remove the side bar and then stretch my content area so it replaces the space where the sidebar used to be.

How would I accomplish this?

 

WordPress is very easy to use once you get the hang of it. The sidebar (IMO) is for navigation purposes, so people can easily access the different categories, archives, etc. They're not all "ugly." I guess it depends on the theme.

I think you will have to delete the sidebar.php and/or edit the stylesheet. Although all WordPress themes have similar structure, each creator has his/her own way of making their themes, so I can't tell you exactly what to do.

Feel free to PM me if you'd like some more help with this.

 

The current theme I am trying to modify is "nightvision dream". Like I said I can eliminate the contnet but im still left with empty space in the sidebar. I just want pure content.

I also want to eliminate the date and all that blog type stuff on the page.

Thanks for your help!

 

Did you eliminate this line from the index.php?

<td width="140" align="right" valign="top"><?php get_sidebar(); ?></td>

Even if you took the contents out of the sidebar.php, the index.php is still "saving that space" for the sidebar.php, even if it's empty...

 

Create a backup copy of the theme before you proceed with the following modifications, in case of any screw-ups.


How to remove the sidebar?

Open the following .php files in the nightvision-dream directory

• single.php
• 404.php
• index.php
• page.php
• search.php

Remove the following code from each

<?php get_sidebar(); ?> 

Code (markup):

Save each .php files

Note: You notice that even though you have removed the sidebar, there is still an empty space where the sidebar used to be. Don't worry. That is because the content area needs to be widen. We will do that in the next steps.


How to widen the content area?

Open the following .css files in the nightvision-dream directory

• ie_hacks.css
• style.css

In ie_hacks.css, find the following

#content {
	_height:600px;
	_width: 500px; 
	_margin-left:10px; 
	}

Code (markup):

then replace it with the following

#content {
	_height:600px;
	_width: 760px; 
	_margin-left:10px; 
	}

Code (markup):

In style.css, find the following

#content {
        float:left;
	width: 498px; 
	min-height:300px; 
	padding:0;
	margin:0px 15px 10px 18px; 
	}

Code (markup):

then replace it with the following

#content {
        float:left; 
	min-height:300px; 
	padding:0;
	margin:0px 15px 10px 18px; 
	}

Code (markup):

Save both .css files

Note: You notice the dashed line divider that used to divide the content area and the sidebar area is still there. We will remove that in the next steps.


How to remove the dashed line divider?

Open style.css (if you don't still have it open)

Find the following

#content {
        background-color:#fff;
	background: url(images/vertical-line.jpg) top right repeat-y;
	line-height: 1.4em;
	}

Code (markup):

then replace it with the following

#content {
        background-color:#fff;
	line-height: 1.4em;
	}

Code (markup):

Save style.css

Note: Okay! Now we have really removed the sidebar and widen the content area. However, you may notice the title area still retains its "less than 500px" width. You can just leave it like that, but if you have a long title that exceeds that width, it'll get cut off. In the next steps, we'll widen that.


How to widen the title area?

In style.css, find the following

.post-head {
        float:left;
	padding-bottom: 8px;
	width:488px;
	}

Code (markup):

then replace it with the following

.post-head {
        float:left;
	padding-bottom: 8px;
	width:730px;
	}

Code (markup):

Save change(s)

 

you have to remove side bar <div> from main index page and give a width to main content <div> in css

i hope this will solve the issue

 

Everything worked until the 2nd last step. Now when I try to save after removing the line it says "theme does not exist". If I replace the previous #content and try to save same thing..."thme does not exist."

We are so close I appreciate your help. Any ideas?

 

Ok I made all the changes but now it still does not remove the vertical line.

please help.

 

I was out of town.

Hrm...that's weird. Everything should work. I tested out the theme and changes on both IE7 and FireFox 2.0.0.14.

Did you (by any chance) accidentally replaced the incorrect #content. There are two.

I attached the modified stylesheet, but it's in a .txt file. You just have to copy and paste everything from the style.txt over to style.css. Hopefully that'll work. Otherwise, I don't know what to do.

G'luck