Remove Page Borders and Margins – Full Screen

Try this:

1. To stretch all inner content of pages to the edge go to Appearance > Customize > Additional CSS and put this in there:

.content-posts-wrap{
   max-width: 100%;
}

2. To remove border again in Appearance > Customize > Additional CSS

#content-box{
   border: 0 !important;
}

Let me know if that helps. Thank you!

Thanks, it did take the border away and stretch the content but there is still a slight padding or something around the whole page in white. So, if I have a section with a grey background, the background does not stretch right to the edge of the page.

Never mind the last message, all sorted. Thanks!

You are welcome. Glad the solution worked for you!

Any chance you can help me remove the white space between the nav menu area and the content area? See: https://www.romaindiamonds.co.za/test-home

I’ve got the same problem, with a white line between the slider and the header nav menu area. Any suggestions? I added both of the css snippets to my css additional area.

wwww.startrioms.com

Thanks for any advice.

• This reply was modified 7 years, 8 months ago by rafleet.

I actually managed to find the solutions..try adding this to custom css:

#content-box #post-body{
padding-top: 0% !important;
}

That should help