StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Pretty Pictures – How To Add Background Image

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: resolved

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 1, 2013 at 8:29 am #23504
    LocalSEODude
    Member

    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/

    March 1, 2013 at 10:27 am #23535
    Megan Gray
    Member

    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!

    March 1, 2013 at 10:38 am #23537
    LocalSEODude
    Member

    Sure - Just took off of Main Mode

    Thanks!

    March 1, 2013 at 10:53 am #23540
    Megan Gray
    Member

    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.

    March 1, 2013 at 1:10 pm #23561
    LocalSEODude
    Member

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

    March 1, 2013 at 1:19 pm #23564
    LocalSEODude
    Member

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.