Getting rid of the top margin of Catch Box Theme

  • lovingkindness7

    (@lovingkindness7)


    11 years, 3 months ago

    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 jaerim.org
    The image: http://imgur.com/rl3HM

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    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.

    WPyogi

    (@wpyogi)

    11 years, 3 months ago

    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.

    Thread Starter lovingkindness7

    (@lovingkindness7)

    11 years, 3 months ago

    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.

    Thread Starter lovingkindness7

    (@lovingkindness7)

    11 years, 3 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

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

    Thread Starter lovingkindness7

    (@lovingkindness7)

    11 years, 3 months ago

    Yes, exactly.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    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.

    Thread Starter lovingkindness7

    (@lovingkindness7)

    11 years, 3 months ago

    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.

    Thread Starter lovingkindness7

    (@lovingkindness7)

    11 years, 3 months ago

    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.