WordPress.org

Support

Support » Themes and Templates » [Theme: Twenty Twelve] Help removing white space above header

[Theme: Twenty Twelve] Help removing white space above header

  • Hello,

    Somewhat new to WordPress here. I’m having a tough time figuring out how to remove this white space above my banner. I’ve done some searching and tried tinkering with the style.css file but to no avail. I believe I tried to change both “top-margin” as well as banner “padding.” Any help would be much appreciated.

    Thanks.

    Website: http://jimwilsonblog.com/

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    Do you have a child theme or custom CSS set up? You absolutely should not be making any changes to theme files — they will be lost when WP is updated and you need a clean copy of the default theme for troubleshooting.

    I do not believe I have a child theme or custom CSS set up. All I’ve done so far is pick out an existing theme/template and added content within that. Now I’m looking to refine the design a little bit.

    All changes I made to the style.css, I undid once I realized they weren’t the solution.

    WPyogi

    @wpyogi

    Forum Moderator

    Okay, so if you are only going to want to make CSS changes, a plugin such as jetpack will give you custom CSS – among other cool things! If you expect that you will want to do more major changes that involve custom layouts or modifying any theme files (.php files), then you’ll want to make a child theme. That way your changes won’t be lost upon update — you really don’t want to go there :).

    WPyogi

    @wpyogi

    Forum Moderator

    Once you have that set up, try adding this to the new CSS section/file:

    .site-header {
        margin-top: -23px;
        padding: 0;
    }

    Changed: 1595 line in style.css – margin-top to 0; to remove space before header.

    body .site {
    padding: 0;
    padding: 0 2.857142857rem;
    margin-top: 48px;
    margin-top: 0;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Theme: Twenty Twelve] Help removing white space above header’ is closed to new replies.