How to add an image to the background

[sebgates]

Hi, I am rebuilding a website. It has a large image for the page background. You can see the existing site here: http://www.southampton-yoga-meditation.co.uk/ it was made using Drupal. I am nearly finished converting it to a Genesis WordPress site http://southamptonyogameditation.xl-websites.com but I am stuck on how to add a large image to the background. I can see there is a custom background section in the function php file. I tried adding the image using css to the body class but I could not align it in the center of the page properly. I would like to keep a background color on the body tag incase the site is viewed on a very wide screen. I need to overlay the image and center it behind the wrap div.

Does anyone know what my best approach would be using Genesis.

Thanks - Seb

[Jared Williams]

It sounds like what you are seeing in your functions.php file is the Custom Background option.

// Add support for custom background
add_theme_support( 'custom-background' );

This allows you to set a custom background through the Appearance Tab --> Custom Background

Similar to how you would add a custom header.

---

Website | Twitter | Instagram | Google +

[sebgates]

Thanks, it appears I was making a big issue from a simple problem. I was able to achieve what I wanted by using 'Add background image'. It took me 30 seconds! I got a bit confused by the code in the Functions php file which I did not need to go near.

Thanks again - Seb

[Jared Williams]

Glad you got it done!

---

Website | Twitter | Instagram | Google +

[Author]

Posts