The background on the front page, replace with picture?

I've made the background black on it, I also notice there is an inbuilt gradient on the background, is it possible in any way to replace this background with an image?

 

Hello,
Could you please send us your website link so that we can provide you exact solution.

 

Hello,
Go to the Media > Add New panel and upload your background image in the media library and then copy background image URL address from the media library.
See the link given below for reference
http://content.screencast.com/users...ee-4ed3-8e4a-5441456bf996/2013-06-13_1901.png

Now, put the following code in your Custom CSS
(Appearance -> Theme Options -> Styling Options -> Custom CSS)

Code:

.header-bg {
background: url(paste the URL address of your background image here) repeat;
background-position: center;
}

This will solve your issue.

 

the main page is now updated this is great thanks! but when i click on each page the black stripe at the top is now black, is it possible to also put an image on the black gradient on each page also using customstyling?

 

Hello,

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

Code:

.header-page {
background: url(paste the URL address of your background image here) repeat;
background-position: center;
}