Pretty Pictures – How To Add Background Image

[LocalSEODudeParticipant Post count: 6]

The Pretty Pictures theme does not come standard with the convenient Appearance–>Background option.

I found a Plugin called Background Per Page that adds the necessary code without having to do it manually.

However, now I need the center part of the page to have a white background so that text can be displayed.

Same in Header and Footer. When I change color from #Clear to #ffffff, it goes all the way across and
the orange polka dot background does not appear. Is there an easier fix or what code needs to be added
so that only the actual page background changes to white (or any other color) and the sides still show
the orange polka dot background? TIA

URL
http://shortsshots.com/

http://demo.studiopress.com/pretty-pictures/

[Megan GrayParticipant Post count: 23]

Hi there,

Is there a way we can view your site? I’d need to take a look, which I can’t do in maintenance mode.

Thanks!

[LocalSEODudeParticipant Post count: 6]

Sure – Just took off of Main Mode

Thanks!

[Megan GrayParticipant Post count: 23]

That’s a bit complicated with this particular theme since it doesn’t have an inner container you could apply a white background to, with a larger container wrapping around it to which you’d apply the polka dot background. Would require a bit of coding and I’m not sure what your comfort level is. Probably why it doesn’t have the convenient Appearance > Background feature.

A short cut if you’re more comfortable with Photoshop/Design is to fake this with your background image. Your background image would have something like 1000 pixels of white (accounting for the 900px width of the content and adding 50 px of padding on either side) and then your repeating polka dot background on both sides. It would be, just as an example, 1200px or more wide by 100px high and repeat vertically.

But keep in mind that one of the features of this this is alternating background colors for posts on the homepage.

[LocalSEODudeParticipant Post count: 6]

Comfort level = I know just enough to be dangerous

Client will be getting a nice textured background (without polka dots unless they pitch a fit and then I’ll go the Photoshop route)

Thanks for your time and info Megan!!

[LocalSEODudeParticipant Post count: 6]

Found a couple of cool sites in case someone runs into this issue and needs a light background that can still display text:

http://patterncooler.com

http://subtlepatterns.com – this is the one I went with

 

[Author]

Posts