Autofocus 2.0 background WordPress

• SOLVED

I recently tried to install Autofocus 2.0 because of it's capabilities for framing the thumbnails on the front page. Currently I'm using version 1.6 and you can see my site here: LarvickMedia.com

With 1.6 I was able to add a background image using a code similar to this:

url("http://larvickmedia.com/wp-content/....jpg") no-repeat scroll 50% 0 #609acc;
};

Under the new 2.0 code I don't know enough to know where to put the code or whether it is even possible. I've scanned the stylesheet and visual editor sheet and just can't figure it out.

Does anyone have some help to offer?

Answers (4)

2011-07-30

Reland Pigte answers:

body {
background: url("http://larvickmedia.com/wp-content/uploads/2011/04/LarvMediaBack.jpg") no-repeat scroll center top #ffffff;
}

You just have to apply that CSS rule declaration on your stylesheet

Happy coding..

---

LarvickMedia comments:

Reland, that was the key! Everyone else, you were looking at my site under the 1.6 format which I reverted to until I could get the coding figured out. The image I attached previously was the evidence of the incorrect coding.

Thanks Reland!

2011-07-29

Jerson Baguio answers:

try the css at the body tag


body {
background: url("http://larvickmedia.com/wp-content/uploads/2011/04/LarvMediaBack.jpg") repeat scroll 0 0 transparent;
}


---

Jerson Baguio comments:

to match with your current site background you can apply this instead


body {

background: url("http://larvickmedia.com/wp-content/uploads/2011/04/LarvMediaBack.jpg") no-repeat scroll 50% 0 #609acc;

}



---

LarvickMedia comments:

Unfortunately this just puts the background image on the site, but for whatever reason does not maintain the "no-repeat scroll" functionality. Now, instead of fading to white and holding position it becomes blue. Very tacky. See the attached image...zoomed out for clear view.