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.:-)
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!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
@khalidcharaa, Clear your cache. There is no big black border on your site.
