• Resolved Paintballer

    (@paintballer)


    Hi There,

    I made child theme of raindrops but I do have problem with the header.

    How do I get rid of the extra black space on the top of the picture?

    Here a link to my site

    Thanks for the help!

Viewing 9 replies - 1 through 9 (of 9 total)
  • souravb

    (@souravb)

    Hi Paintballer,

    That is a very interesting problem you got over there. I have checked your source code. It seems there is some issues with the div with id “header-image”. If you are interested I can look forward to fix it.

    [email redacted]

    WPyogi

    (@wpyogi)

    @souravb – please keep help on these forums – and do not use them to solicit work or ask people to contact you off the forums – http://codex.ww.wp.xz.cn/Forum_Welcome#Helping_Out

    WPyogi

    (@wpyogi)

    @paintballer – try adding this to your child theme CSS:

    #header-image {
        margin-top: -30px;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    . If you are interested I can look forward to fix it.

    If you know the solution, post it.

    souravb

    (@souravb)

    please keep help on these forums – and do not use them to solicit work or ask people to contact you off the forums – http://codex.ww.wp.xz.cn/Forum_Welcome#Helping_Out

    Oops seems, I didn’t went through that. 🙂
    @wpyogi: thanks for the information.
    @paintballer: You may try this out. Remove the “<p></p>” tag inside div with id “header-image”. The empty <p> tag is responsible for the gap above the image.

    Thanks and Regards
    sourav b.

    Thread Starter Paintballer

    (@paintballer)

    @wpyogi:Thanks. That work on one site but other site it did not work. here a link to the site

    @souravb:Where do I look for “You may try this out. Remove the “<p></p>” tag inside div with id “header-image”. The empty <p> tag is responsible for the gap above the image.”

    Where do I find this? which file?

    WPyogi

    (@wpyogi)

    Seems to work fine for me in Firebug – make sure you don’t have any CSS errors that are causing problems:

    http://jigsaw.w3.org/css-validator/

    souravb

    (@souravb)

    @paintballer: Seems to me you have fixed the problem. If you remove the empty <p> tag as I have mentioned earlier, you have to undo your fixes. Even though I’ll tell you the file I referred to. There are 2 ways you can do that.
    Either you go to Header.php and search for the <p> tag inside <div id=header-image>
    Or in your child theme, add this.
    #header-image p {display:none; !important}

    Thread Starter Paintballer

    (@paintballer)

    Everyone,

    Thanks for the help.

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

The topic ‘Raindrops Child Theme’ is closed to new replies.