Change Main content wrapper background to an image

  • ErikH

    #1877

    Great theme, my client and I love its functionality. Could you please tell me how to change what is controlled by the Color Options to a background image? I’d like to change the Main content wrapper background from a selected color to a background image. Thanks!

    Anonymous

    #17483

    This will probably need to be done with custom css.

    Can you please provide a site for reference? I know what you’re talking about, but it would help to have a visual.

    ErikH

    #17484

    I am working with http://aapcbugs.com/.

    The URL of the background image is:

    http://aapcbugs.com/wp-content/uploads/2011/09/woodgrain.png.

    Thanks for taking a jab at it.

    Mod

    Kenneth John Odle

    #17485

    I did it. You can actually have a lot of fun with it. See this post: http://blog.kjodle.net/2011/08/30/creating-a-child-theme-for-this-blog/

    Ken

    Anonymous

    #17486

    Dangit… you beat me!! Here is how I did it.

    Add…

    .sidebar h3 {
    background-image: url("http://aapcbugs.com/wp-content/uploads/2011/09/woodgrain.png");
    }

    to your custom css.

    Mod

    Kenneth John Odle

    #17487

    Yeah, you can do a custom background image for just about any image. The only issue is whether or not your text is legible. Here’s a neat Photoshop trick to help out with that (although I actually used GIMP): http://blog.kjodle.net/2011/08/27/how-i-created-the-background-you-see-here/

    ErikH

    #17488

    Thanks guys!

    Josh, I tried entering this into my custom CSS. It is not working for me. Is sidebar h3 the Main content wrapper?

    Anonymous

    #17489

    Yep yep. Very cool!! Dangit Ken… my to-do list keeps getting longer and longer.

    Anonymous

    #17490

    One sec, Erik. Lemme go fiddle some more.

    Anonymous

    #17491

    What are you referring to by the main content wrapper? Be specific and reference the portion on your site which you are speaking.

    I was assuming you meant the widget headers that had the little bug crawling on it 😉

Viewing 10 posts - 1 through 10 (of 30 total)

  • You must be logged in to reply to this topic.