Theme: No Longer Supported – Trying to remove whitespace from Header

  • Resolved Mike H

    (@mtnweekly)


    9 years, 11 months ago

    I am trying to the whitespace above and below our header image / ad which can be seen on our homepage here – https://mtnweekly.com

    I tried adding the following css to the custom css field in the DeFacto Theme Admin [Theme is no longer being supported]

    .header-image {
    margin-top: -200px;
    }

    .hgroup-wrap {
    padding-top: 0;
    padding-bottom: 0;
    }

    #main-nav {
    margin-top: -38px;
    }

    The above was able to remove a little white space, please help.
    -Mike

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi mtnweekly!

    TouchCoding here. The whitespace is caused by a css rule on the #header id. You can remove this by setting the padding on the #header to zero.

    This should fix it:

    #header {
  padding: 0;
}

    Hope this solved the problem.
    TouchCoding

    Thread Starter Mike H

    (@mtnweekly)

    Thanks TouchCoding,

    That worked great, and I appreciate you telling me about the header rule. Is it possible to shrink the whitespace in half? I added the code but it removed it completely which looked a little bit funky.

    Thread Starter Mike H

    (@mtnweekly)

    Ended up adding the following:

    #logo img { margin-top: 12px; }
    #header { padding: 4px 30px 4px 40px; }
    #text-381

    almost there, hopefully the above can help someone in the future.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Theme: No Longer Supported – Trying to remove whitespace from Header’ is closed to new replies.