WordPress.org

Forums

3 - Part Background (9 posts)

  1. AUSR
    Member
    Posted 8 years ago #

    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

  2. Glenn Ansley
    Member
    Posted 8 years ago #

    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;

  3. AUSR
    Member
    Posted 8 years ago #

    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

  4. Glenn Ansley
    Member
    Posted 8 years ago #

    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.

  5. AUSR
    Member
    Posted 8 years ago #

    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.

  6. Glenn Ansley
    Member
    Posted 8 years ago #

    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

  7. AUSR
    Member
    Posted 8 years ago #

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

  8. AUSR
    Member
    Posted 8 years ago #

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

  9. AUSR
    Member
    Posted 8 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags