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

  • Resolved 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.


Viewing 6 replies - 1 through 6 (of 6 total)
  • 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;

    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?

    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.

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

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

    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.