[jspidermonkey]

I really want to remove the ‘white’ border around the header image so it stretches and fills the space above the menu bar.  I would like it to fill the space like the ‘slider images’ do, from side to side and so there is no white space around the header.  Can you help me please???

[jspidermonkey]

I have tried uploading a bigger image, but there is still a ‘white’ border around the header image.  Hoping you can help me……

[Sakin]

@jspidermonkey: Can you send me your site URL so that I can see what is missing in your site.

[grwoitte]

My question is the same as jspidermonkey, but unfortunately I can’t provide a URL. I am using WP locally on my desktop so I can present my client with a web concept before developing entire site.

Where in the .css code can I remove the white space on all sides of the header? I’d like to use an image for the entire header area (990 x 300?). Are there other adjustments that I will need to make so that the responsive function works smoothly as well?

Thanks in advance!

PS love the site, so does my client

[Sakin]

@grwoitte: The header area of Catch Everest Theme is 1140px. But if you disable responsive then it’s 990px width.

It will be really easy for me if you have site like in any test site. I am send you the CSS which you can just post in it “Custom CSS” box in your Theme Options panel.

For now you can try this. Just upload the large header image and then add the following css in “Custom CSS” box in theme options panel to remove the padding.

#site-logo { padding-top: 0; }
#hgroup-wrap { padding: 0; }


[grwoitte]

Thanks. That worked like a charm!

[Author]

Posts