Pretty Pictures – How To Add Background Image

Community Forums Forums Design Tips and Tricks Pretty Pictures – How To Add Background Image

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  LocalSEODude 1 year, 5 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #23504

    LocalSEODude
    Participant
    Post count: 29

    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/

    #23535

    Megan Gray
    Participant
    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!

    #23537

    LocalSEODude
    Participant
    Post count: 29

    Sure – Just took off of Main Mode

    Thanks!

    #23540

    Megan Gray
    Participant
    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.

    #23561

    LocalSEODude
    Participant
    Post count: 29

    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!!

    #23564

    LocalSEODude
    Participant
    Post count: 29

    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

     

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.