[samparis]

Hello. On my site being created http://www.packagingproductions.com.au , when I upload the header, there is when using the dark or light default colour options, a dark padded area above, below, left and right of the header which I want to be the same width as the slider and not have the padding above and below the header. In the light default version this area is white. What is the easiest correct way to remove this area?

[Sakin]

@samparis: First you have to upload the larger header image with width 1140px and then add the following css in “Appearance => Theme Options => Custom CSS” to remove the spaces.
#hgroup-wrap, #site-logo { padding: 0; }

[samparis]

Hello Sakin. I added the CSS and it removed the left and right side. But not top and bottom. You can see there is still same size padding here. Did I miss something?

Thanks.

[Sakin]

@samparis: I just check in your site and there is not padding at top and bottom of header image. Can you refresh and check it.

[samparis]

Hi Sakin. I have refreshed page. Maybe I decribed it wrong. It is the black bar between the header and the menu bar and the black bar above the header. It is still there.Thanks.

[Sakin]

@samparis: Yes, I think you are talking different. Can you send me the screenshot of change you want.

If you want to remove the the outer warp above header then you can add the following css.
.site { margin-top: 0 }

But I don’t see any gap between the header image and the menu. I just see that your menu is black that’s it.

[Author]

Posts