WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Twenty Twelve] Help removing white space above header (6 posts)

  1. tonyp07
    Member
    Posted 1 year ago #

    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/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. tonyp07
    Member
    Posted 1 year ago #

    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.

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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 :).

  5. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    .site-header {
        margin-top: -23px;
        padding: 0;
    }
  6. ATWDesign
    Member
    Posted 6 months ago #

    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);
    }

Topic Closed

This topic has been closed to new replies.

About this Topic