Support » Themes and Templates » Getting rid of the top margin of Catch Box Theme

  • I’m wrestling with this problem for more than 24 hours now I think.
    I want to get rid of the grey top margin area so that I can make my header look slimmer. Firebug shows what I need to change, but I can’t locate the spot on my stylesheet or other php files. It’s so heart-wrenching to see it being changed so easily on Firebug, but not able to locate it on the actual editing files. Please help me!

    The website address is
    The image:

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Andrew Nevins


    Forum moderator

    You shouldn’t be looking for ways to modify the theme’s files. Modifications to theme’s files will compromise the theme.

    As it’s a CSS modification, try the plugin Jetpack‘s Custom CSS functionality to hold your CSS.

    It looks like you put a bunch of javascript (Google api code) in the CSS file — that won’t work and causes major problems. So start by removing that and see if things work better.

    Thanks for your reply, WPyogi. But would that have anything to do with the top-margin area?
    I’m just trying to get rid of the area or make it smaller.

    Firebug says, that the code is located at

    /~jaerimor/#6 (Line 129)

    and currently it’s coded like this:

    html {
    margin-top: 28 !important;

    but if I change it to

    html {
    margin-top: 0 !important;

    My website will look as I want it to. But I can’t locate the where that Line 129 is.

    BTW, the Google api code is for Webfont. I need it for my native language display.

    Moderator Andrew Nevins


    Forum moderator

    So you have the CSS to change, it works in Firebug, but you don’t know where to put that CSS next?

    Yes, exactly.

    Moderator Andrew Nevins


    Forum moderator

    I don’t know whether you received my comment, sometimes I get caught up in spam filters and my comments don’t appear, but I mentioned using Jetpack. There is some Custom CSS functionality within Jetpack that should hold your CSS modifications.

    I got it and have installed it. But I still haven’t figured out how to do the trick on its Custom CSS page. If you have some good idea, let me know please.

    I found it. Replacing the very top part of stylesheet with this instead of the original did the trick. I think it’s the background line that made it actually happen. Thanks everyone. Merry Christmas.

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Getting rid of the top margin of Catch Box Theme’ is closed to new replies.