Center background image with no repeat

How can I center a background image with no repeat.

Something like this page:
https://www.paypal.com/nl/webapps/mpp/home

Thank you

 

Firstly,
go to Appearance > General > Body background image and remove your background image from there.

After this paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

html {
background: url(Enter your image address here) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

This will solve your issue.

 

Gourav,

Is it not possible with the picture you upload by Appearane >General ???

Your solution work fine but only for the home page. When I switch to another page my background turns into white. I want the background centered with no repeat on every page.

Thank you

 

Hello,

Please do let us know your website link.
I will check and resolve your issue.