[janebuckman]

Hi Juan,
Well my customer loves your template! They want me to put an image background in. Can you tell me how to do this in your template? If I need to go into the code, thats fine. Thank you, Jane

[Juanfra Aldasoro]

Hi Jane,

Thanks for writing. I’m happy to hear that 🙂

That can be done with a simple line of code:

body { background: url(your-image.jpg); }

1. “your-image.jpg” should be the image you want for the background. You have to put the absolute url of that image ( for example http://yourdomain.com/your-image.jpg )

2. You can put that code in the Custom CSS input in the theme options or in the custom.css file.

Regards,
Juan.

[janebuckman]

Hi Juan,
Im finding the problem of doing it this way is that the background is behind the website content – I need the background of the website itself to remain white and the other big background an image. So, I guess my question is how do I make the background of the website part (behind the menu, callouts, image, etc) white. I hope I am making sense. Thanks, Jane

[Juanfra Aldasoro]

Hi Jane,

So you want the site background to have an image and the part of the content remain white?

Try this:

body { background: url(your-image.jpg); }
#top, #container{ background: #fff; }

Regards,
Juan.

[janebuckman]

Perfect! Muchas Gracias 🙂

[Juanfra Aldasoro]

You’re welcome. 🙂

Best,
Juan.