• Resolved 182tage

    (@182tage)


    The Theme twentysixteen has an ugly black border. I started to delete that, but was not successfull at all on top and bottom.

    With help of Edge developer tools i identified

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

    as right place for changes. In preview this works, but not in reality.

    I got advice to use

    .site:before,
    .site:after {
    display: none !important;
    }

    but this was without effect too.

    Additional informations: I placed this code in “additional CSS” of the customer. I use a child theme and tried to place it in the child style.css. All without effect. Other experiments with border-top, padding, background:transparent and so on where without result.

    I use

    add_filter( ‘show_admin_bar’ , ‘my_function_admin_bar’); function my_function_admin_bar($show_admin_bar) { return ( current_user_can( ‘XXX’ ) ) ? $show_admin_bar : false; }

    in functions.php to hide the admin bar for not registered people – this works. But there is still this ugly black border.

    I searched this forum but all i found did not work. Does somebody have an idea for a solution that funcs?

    • This topic was modified 10 months ago by 182tage.
    • This topic was modified 10 months ago by 182tage.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Alvaro Gómez

    (@mrfoxtalbot)

    You should be able to remove that “border” using this CSS code:

    body {
        background: #ffffff;
    }
    Thread Starter 182tage

    (@182tage)

    You might not understand the problem which is the resisting 5px black border/stripe on top and bottom of the theme page. It has nothing to do with the general background color of the page.

    Thread Starter 182tage

    (@182tage)

    Thank you Alvaro, this was indeed a solution. It is surprising and so embarrassing simple. The theme twentysixteen has a standard black background generally and the div “site” has a bit less height. So in addition better take

    body { background: #ffffff !important; }

    alisonkatherine

    (@alisonkatherine)

    I had this issue and have changed the background colour/border in the customise options (for “background colour”) so that it’s white. So it’s not obvious until you scroll, but then the white border is very obvious at the top and bottom of the page. Is there a way to get rid of this border/background entirely? I’ve tried adding various code to ‘Additional CSS’, including messing around with code for the “body” and “site-inner” but I don’t understand the code enough. I also tried coding to make it transparent but that didn’t work either.

    https://taiko.scot

    Moderator Felipe Santos

    (@foosantos)

    Hi @alisonkatherine, can you please create your own topic, so the forum contributors can check your case specifically?

    While doing that, please also share screenshots from there of examples of this issue.

    alisonkatherine

    (@alisonkatherine)

    Sorry, yes I’ll do that. Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to delete black border?’ is closed to new replies.