• Resolved songate

    (@songate)


    I am using WordPress theme called Blaskan 2.3. I uploaded a header image of the required 1120X160 pixel size. But there is a blank space over and below the header image. I particularly want to remove the blank space below the header image. I want the Menu bar to come just below the Header image. Tried my best, but totally helpless. Would appreciate any help. My website is https://www.eacrd.org

    Thanks!
    Songate

Viewing 2 replies - 1 through 2 (of 2 total)
  • Spacing is almost always controlled by CSS — so that’s what you need to change. In this kind of situation, it’s usually either “margin” or “padding.”

    Using Firebug is the best way to figure out which CSS declarations are creating the space you want to change. Doing that, I found the following two margins that are creating the space between the header image and the navigation bar

    #nav {
        clear: both;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 10px;
    }
    
    #header figure {
        display: inline-block;
        margin: 0 0 30px;
        overflow: hidden;
        width: 100%;

    Change the margin-top to 0px in the first; and the margin to 0 0 0px in the second.

    Hope that helps.

    Thread Starter songate

    (@songate)

    Yipee!! This helps! What a relief! Thanks WPyogi!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Image Adjustment’ is closed to new replies.