How to Remove WordPress Blog Left-hand Column

(Last Updated On: July 4, 2017)

Left-hand column problem

You have widgets in the right-hand column of your WordPress blog. Having a left-hand column squeezes the content too much. This post tells how to remove it.

How to add CSS code

It’s a simple matter of adding the CSS code below.

@media only screen and (min-width: 980px) and (max-width: 20000px) {
.blog .entry-content,.single-post .entry-content {
float: none !important;
margin-right: 15% !important;
margin-left: 15% !important;
width: auto !important;
max-width: 100% !important;
}
}

Here are the steps:

  1. Simple Custom CSS search resultOpen WordPress dashboard.
  2. Click Plugins > Add New.
  3. Key Simple Custom CSS into the search plugins box.
  4. Click the Install Now button within the Simple Custom CSS search result. 
  5. Click on Installed Plugins > Add CSS
  6. Cmd C to copy the above blue code snippet into your clipboard.
  7. Move your mouse cursor to the first available line on the Simple Custom CSS page.
  8. Cmd V to paste the snippet of code.
  9. Click on Update Custom CSS.

You’re finished!

Check out a few blog posts. You will no longer have a left-hand column.

I’ve done this with two of my blogs now. It’s amazing how quickly it works!

Some problems are so simple to solve once you are told how to do it.

Return to FAQ menu.

 

 


Peter Enns has been developing websites since 1996. He is a VA (virtual assistant), social media blogger and author of a free YouTube tutorial. It’s called 7 Day YouTube and will teach you how to make entertaining videos & animated GIFs.

tweets

Leave a Reply

Your email address will not be published. Required fields are marked *