Background Image Outreach Pro

[defree99]

Hello,

I'm using the Outreach Pro theme here: http://janthony.ialreadyhaveawebsite.com/services/

And I'm trying to add a background image to the Services page.

So I added the CSS below. Then added "services" to the Custom Body Class in the Layout Settings area in the Genesis cPanel on Services page of the website.

/* Body Class - Page Background Images**/

.services {
margin: 0 auto;
background: url(images/bodyclass/servicebg.png);
background-position: left top, center top;
background-repeat: repeat-x, no-repeat;
}

What am I doing wrong?

[Marcy]

If you added a body class of services to your page, then your selector would be

body.services {
margin: 0 auto;
background: url(images/bodyclass/servicebg.png);
background-position: left top, center top;
background-repeat: repeat-x, no-repeat;
}

Also for background-repeat, you only need repeat-x.

---

Marcy | Amethyst Website Design | Twitter

[Brad Dalton]

As another option, you could also use jQuery to add the background image rather than CSS.

---

Tutorials for StudioPress Themes.

[Author]

Posts