Background image into header and body possible?

Good day friends,
I know I can add colour to the header and body (http://www.joel-world.jp) with following code:
.top-wrapper {
background: #01A0CA;
}
.content-wrapper {
background: #01A0CA;
}
body{
background: #01A0CA;
}

BUT, is there a way to add a background picture such the one I used here for the main body? http://www.cafehonor.hn/cafe-honor/nuestra-historia/

Thx tons for any tip, wish you a greeeeeeat day !!!
Jose

 

Good day Jose !


Please paste below code in custom CSS box.
First code will set background image for whole body.
And other two will remove the current backgrounds of sections to visible the body background.

Code:

body {
  background: url(http://www.cafehonor.hn/wp-content/uploads/2015/01/fondo_cafehonor75.jpg) fixed;
}
.content-wrapper {
  background: none;
}
 
.top-wrapper {
  background: none;
}

Thanks & Regards
Pramod

 

Excellente Pramod, it worked just great

One more tiny issue, how would it be the code if I want to add one image for the top-header (top-wrapper?) and a different image for the body?

Thx tons and happy day !!!!!!!!!!
Jose

 

Hey Jose !

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header_container {
background:url("Your image url");
}

Thanks,
Praveen

 

Thx again Praveen for your kind help with the coding, I have added the code to the following website: http://www.coagricsal.hn ...but sadly it does not seem to be working correctly, what could be happening? maybe the img needs to have a exact size??

Thx again for your time and patience

 

Hello Jose !

You can use below code for header section.
Change your required background image URL.

Code:

.top-wrapper {
  background: url(http://www.cafehonor.hn/wp-content/uploads/2015/01/fondo_cafehonor75.jpg) fixed;
}

Thanks & Regards
Pramod