Narrow text in center column

[ad_1]

Hello all.

I am trying to understand why my posts are looking squished on widescreen monitors. I would like each post to begin much further to the left and the categories section flushed right. Is there a simple way to do this in CSS? I’ve been experimenting with using the Additional CSS for days and still no success.

.wrap {

    margin-left: 20px;

    margin-right: 0px;

width: 120%;

    max-width: 100%;

    padding-left: 4em;

    padding-right: 4em;

}

#primary.content-area {

max-width: 1500px;

text-align: justify;

}

#secondary.widget-area {

width: 20%;

margin-right: 40px;

}

h1 {

text-align: left;

}

body.page-two-column:not(.archive) #primary .entry-content  {

float:left;

clear:both;

}

  

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer