WordPress.org

Ready to get started?Download WordPress

Forums

Getting rid of the top margin of Catch Box Theme (10 posts)

  1. lovingkindness7
    Member
    Posted 1 year 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

  2. Andrew
    Forum Moderator
    Posted 1 year 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.

  3. WPyogi
    Volunteer Moderator
    Posted 1 year 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.

  4. lovingkindness7
    Member
    Posted 1 year 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.

  5. lovingkindness7
    Member
    Posted 1 year ago #

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

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  7. lovingkindness7
    Member
    Posted 1 year ago #

    Yes, exactly.

  8. Andrew
    Forum Moderator
    Posted 1 year 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.

  9. lovingkindness7
    Member
    Posted 1 year 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.

  10. lovingkindness7
    Member
    Posted 1 year 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;

Topic Closed

This topic has been closed to new replies.

About this Topic