Background image for header

Good day

I have set up a standard site using your quickstart files.
Please can you point me to how I can add a background image to the widget header area.

Thanks in advance

Could You please post an url to your site?

http://1two3.co.za/

Please edit: wp-content/themes/Mo/css/override.css

Code: Select all

#gk-header {
background: transparent url('../images/mybackground.png') 0 0 no-repeat;
}


It assumes that mybackground.png is placed inside /wp-content/themes/Mo/images folder

Remember to enable "Use the override.css file" in theme settings (item in admin menu, under comments section, advanced tab).

Thank you Cyberek.

That worked by adding the full url of the image in the code. Much appreciated.

One more question if I may. What is the size of the #gk-header header area please, so I can insert an image that fits perfectly.

Thank you

Max width is 1260px and height is 728px.
If you would like to center image, then use:

Code: Select all

#gk-header {
background: transparent url('../images/mybackground.png') 0 50% no-repeat;
}


Then for reduced screen size you will see center of image (instead of first code that will stick image to top left corner.

Thank you for your help
Very much appreciated.

I'm glad I could help.
If You will have any other questions, feel free to post new forum threads - it helps us answer you faster.