How to Remove WordPress Blog Left-hand Column

(Last Updated On: February 4, 2023)

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.

Click here to learn more.

Enfold theme

How to add CSS code using the WordPress Enfold theme.

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.

 

 

 

 


VideoGuy Enns

Author: VideoGuy

I've been a professional educator for years. Right now I'm creating short tutorials about many facets of video creation.

Leave a Reply

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