Display Full witdth for page and post

  1. how to display full width (100%) for a page and a post?

  2. how to change the background color for a page and a post?



Is about the font page, page and post.

appreciate for guidance.


i tried to add the below, under style.css, but still no change.

.main-content-area {
margin-top: 40px;
margin-bottom: 40px;
margin-left: 0px;
margin-right: 0px;

anyone please advise? thanks.

  1. This code will make posts/pages full width. This is assuming you are not using featured images. If you are then you will have to change thumbnail size via functions.php and regenerate all thumbnails.
#secondary {
    display: none;
#content {
    width: 100%;
  1. To change content background color you can use code like this. Just change color to one that you like
.post-inner-content {
    background: #ddd;

Add both code snippets to Theme Options - Other - Custom CSS


I added the code in custom Css. but still no change. the box still in middle and not showing full page width. kindly advise, thanks.

We were talking about two different thing here.

Use this code instead:

@media (min-width: 1200px) {
    .container {
        width: 100%;