How to replace Grey Header w/ an image

I dislike the boring grey header on posts/pages. How can I change this to be an image instead?

Thanks,

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_container.not_home{
background: url('Enter Your Image Address Here');
}

 

What is the best code to have a background image on the header stretch to full width?

I would also like to have the dimensions for a full pixel image for the header area in case I want to generate my own.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_container.not_home{
background-size:100% 100%;
}

This will solve your issue.

 

Gourav. I tried that solution as directed.

It eliminated the default Grey graphic, but would not display my image with a proper URL.
Any ideas?

mic619

 

Do let us know your website link.

 

Having the same problem. It does not show the picture, only a white space.
Can you help?

My website is not up yet.

 

Generally this issue occurs when the wrong URL address of image is entered in the background css code.

Upload your background image in the media library panel of dashboard and copy the url of that image.
for the reference see the image given below



And then paste the url of image in the background css code as provided above by Gourav.

 

Hi,

excuses for stepping in here, but what would be the best picture size to fit the standard gray header ?

Thanks
DIRK

 

Hello,

Grey header have not any fixed size for background image.
I would recommend you to use a thin stip of background image it will repeat in the header background.

 

Great explanation! It worked perfectly!
Thanks a lot!