Changing the website Background image

[CaesarS4LAD]

I have been looking into changing the websites background from a gradient color to a image. I am by no means proficient in css or html. If someone wouldn't mind maybe walking me through how to change the websites background I would appreciate the help. 

[WP V0RT3X]

For a fixed centered image like a wallpaper or something simply go to your AdminCP -> Customization -> Themes and click on the </> icon.

Then click on the CSS tab, search for custom.css, copy & paste this code and click save.

body {
  background: url("https://www.your-domain.com/path-to/your-image.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 

[CaesarS4LAD]

Thanks I’ll try that. 

[Setman590]

Does the image need to be a certain size?

[CaesarS4LAD]

No it’s just a fixed image. But I’m having trouble with my SFTP to make a file for the image. 

[Daniel F]

1 hour ago, CaesarS4LAD said:

No it’s just a fixed image. But I’m having trouble with my SFTP to make a file for the image. 

You could use the theme resources system to upload your own image without the need for a ftp/sftp client 

 

[CaesarS4LAD]

Okay I’ll look at that article later and probably go with that route. Thank you. 

[CaesarS4LAD]

14 hours ago, Daniel F said:

You could use the theme resources system to upload your own image without the need for a ftp/sftp client 

 

I followed this guide and there is no change to the website.

[WP V0RT3X]

On 8/2/2020 at 1:50 AM, Setman590 said:

Does the image need to be a certain size?

In my example css cover expands to full size.