[Arcturus]

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!

[jason]

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.

[Arcturus]

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.

[Sakin]

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

[Arcturus]

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

[Sakin]

@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.

[Arcturus]

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?

[Sakin]

@Arcturus: You can add the following CSS.

body {
    padding-top: 0;
}

[Arcturus]

Fantastic! Thanks Sakin! That worked perfectly.

[Author]

Posts