Support » Theme: Catch Box » Remove Header Margins in Catch Box Theme

  • Resolved chelseadeardorff

    (@chelseadeardorff)


    How do I remove the header margins in the catch box theme? After playing with a bunch of margins in the css code, I am still not having any luck finding where this code is at.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • chelseadeardorff

    (@chelseadeardorff)

    It was actually the padding that I needed to change. I was able to remove the top and bottom white space by changing the following code:

    .page-header {
        background-color: #FFFFFF;
        border-bottom: 0px solid #CCCCCC;
         -moz-border-radius: 0px;
    	border-radius: 0px;
        margin: 0 0 0em;
        padding: 0;
    }
    chelseadeardorff

    (@chelseadeardorff)

    Although the top and bottom padding settings have been fixed, I can’t seem to find where to change the right and left padding settings. Can anyone help with this?

    WPyogi

    (@wpyogi)

    Forum Moderator

    Not without seeing your site… Are you using Firebug to work with the CSS? By far the best tool to do so — it will show you where the CSS code for a specific element is coming from.

    chelseadeardorff

    (@chelseadeardorff)

    http://www.chelseadeardorff.com

    I’ve never used Firebug, but I will check it out now! Thanks!

    WPyogi

    (@wpyogi)

    Forum Moderator

    I can’t find any page-header elements on your pages — what are you trying to change?

    chelseadeardorff

    (@chelseadeardorff)

    Found it! For anyone else looking for the same thing:

    The margin and padding in this code needs to be set to 0

    #branding hgroup {
        margin: 0 3%;
        padding: 2.5em 0;
    }

    to look like this:

    #branding hgroup {
        margin: 0;
        padding: 0;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove Header Margins in Catch Box Theme’ is closed to new replies.