Display Full witdth for page and post

Sparkling
1

  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?

thanks.

2

hi,

Is about the font page, page and post.

appreciate for guidance.

thanks.

3

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.

4
  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

5

Hi,

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.

6

We were talking about two different thing here.

Use this code instead:

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