Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 25, 2013 at 7:34 pm #13675
    Arcturus
    Member

    Hi,

    I’m trying to do two things to my website (arcturusastrology.com), and I’ve searched this forum for code to put into the custom CSS box in the “Theme Options” setting, but nothing changes. I’m using a child theme, so hopefully this is not an issue with my setup.

    Here’s what I’m trying to do. I’ve already changed the settings of the margins for the header to 0 in the “Theme Options”:

    1. I’d like to remove the top part of the background so that the header is at the very top of the page. Is there a way to do that?

    2. I still see a bit of a white box above my header and to the left. What can I do to get rid of these?

    Any help you can provide will be most appreciated!

    August 25, 2013 at 10:53 pm #13690
    jason
    Member

    You could make the header color “transparent” and then reduce the padding to 0. This is what I did on smartleadlab.com . I am building right now.

    August 25, 2013 at 11:24 pm #13692
    Arcturus
    Member

    Thanks Jason!
    I changed the header to transparent, but still see the white edge if the background has some color to it (which I’d prefer to have, rather than white).

    What code should I use to reduce the padding to 0? I tried this in custom CSS:

    #header-content {
    line-height: 0;
    margin: 0 3%;
    padding: 0em 0;
    }

    but it didn’t work.

    August 26, 2013 at 12:17 am #13699
    Sakin
    Keymaster

    @Arcturus: Can I see your site. When I check in your url, it says “We’ll up and ready for readings soon!”

    August 26, 2013 at 12:19 am #13700
    Arcturus
    Member

    Oops! Sorry about that! I disabled Maintenance mode so you should be able to see it now.

    August 26, 2013 at 12:24 am #13702
    Sakin
    Keymaster

    @Arcturus: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    #branding #site-logo img {
    margin: 0;
    padding: 0;
}

    Then upload the header image of 1000px. Currently you have header image of 999px.

    August 26, 2013 at 12:29 am #13704
    Arcturus
    Member

    Beautiful! it worked!!!

    Now is there a way to decrease the top part of the background so that the header is closer to the top of the page?

    August 26, 2013 at 12:31 am #13705
    Sakin
    Keymaster

    @Arcturus: You can add the following CSS.

    body {
    padding-top: 0;
}
    August 26, 2013 at 12:32 am #13706
    Arcturus
    Member

    Fantastic! Thanks Sakin! That worked perfectly.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Removing top of background and extra white space around header’ is closed to new replies.