Get rid of black border around theme

for anyone with this same question there is a class in the CSS called .site, look for that

Thanks! I’m looking at style.css… but what do I have to do?
Please, help me out! ??

Hey Quebro – locate the class called .site in your style sheet – in that class there is a border property which you can edit. If you want to get rid of it set it to 0 or delete it. Hope that helps.

@thecancerman
I can’t see any border property in that class.
I’ve changed the margin property from 21px to 0px but there is still a black line at the top and at the bottom of the page, I don’t understand how to get rid of them.

Found the problem, it’s not actually a border, the css just uses :before and :after psuedoclasses to throw in a gap for some reason. Just search for

body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		background: inherit;
		content: "";
		display: block;
		height: 21px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 99;
	}

On line 2693 of style.css, delete it and it will get rid of the ‘border’

Thanks very much, wilko2205 – my previous way of changing the color was lame as it cut off text in that area.

For anyone doing the change with a child theme, you can insert the following into your child’s style.css:

body:not(.custom-background-image):before,
	body:not(.custom-background-image):after {
		height: 0px !important;
	}

Hello,

New to twentysixteen (compared to twentytwelve) is the replacement in themes management of a background color by a background image that is used for tiling.

Supplying a white image as this image does the trick elegantly.

HTH!

Hey @filterjoe, that did not work for me by itself.

I also needed to add this to remove the black “border” or gap on all four sides of my Twenty SIxteen site:

.site {
    margin: 0;
}

Thank you guys!!! my site looks now much more better. Didn’t figure out that the difference was gonna be so big…

THANK YOU!!! I looked through the css for what seemed like forever and couldn’t find this. This thread definitely gets an “upvote” in my opinion.:-)

Thanks!!!

I’ve been having a lot of success with the 2016 theme integrating into previously built websites. but that black “border” was killing me. glad this thread has been helpful.

I still have the same problem of top and bottom bars on my website.
I tried some tweaks as you suggested but with no success.

here is my website: stmeter.com

Please support!

Thanks!

@khalidcharaa, Clear your cache. There is no big black border on your site.