WordPress.org

Support

Support » Themes and Templates » 3 – Part Background

3 – Part Background

  • The theme I am using uses one image that tiles from top to bottom. I have designed my own background and would like to use it, however, it is in 3 parts. You have the header image that seamless tiles to the main body image that seamless tiles to the footer image. Am I correct in assuming that these changes all take place in the style.css file? I am really not sure where to put any of the three files.

    Paula

Viewing 8 replies - 1 through 8 (of 8 total)
  • It’s hard to say without seeing your site, but they are probably in your style.css

    If you’re talking about the site in your profile, you need to add the following code to your style.css for body, header, and footer. The code below comes from your body. Replace bkg.png with the name of your body image. Upload your header, body, and footer images to your images directory.

    background: #fff url(images/bkg.png) repeat-y center;

    Yes, I’m at http://www.studioreflections.com/ausrmusings/ … thanks for your reply. I can replace the bkg.png with my center tiled image, but am I putting the header and footer images that connect to it also in the style.css file?

    Paula

    yes, where your style.css says:

    /*header*/
    #header {
    background:#fff;
    border-bottom:1px solid #ccc;
    margin:4px 4px 0px;
    padding:15px 10px;
    }

    replace it with

    background: #fff url(images/image name.png) no-repeat left;

    Where your style.css says:

    /*footer*/
    #foot {
    background:#fff; url(images/ausr_bkgfooter.png) no-repeat top-left;
    border-top:1px solid #ccc;
    color:#111;
    margin:5px;
    clear: both;
    padding:5px 10px;
    text-align:center;
    }

    replace ausr_bkgfooter.png with your image name.

    I did this, but, the header and footer do not show up. The header and footer are the edges of the paper. It’s supposed to look like stacked pages of paper.

    Your css shows “image name” for the header file and
    it doesn’t look like it changed for the footer file. 🙂

    http://studioreflections.com/ausrmusings/wp-content/themes/basic2col-20/style.css

    Hmm, I’m editing them from the dashboard, *bangs head against wall*.

    Okay, the header shows now, but… it is not aligning with the center tiled image. Footer still doesn’t show.

    This issue is evidentally due to the theme, the way it was made, I think. I’ve contacted the author of it, but thanks for trying to help me just the same… 🙂

    Paula

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘3 – Part Background’ is closed to new replies.
Skip to toolbar