Left-hand Column, Removing from a Blog

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. Open 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.