How to have a different body image from the background

  • First off I’m a nube (though learning quickly!). I’ve searched the forums but can’t find anything related.

    I am using Atahualpa theme (newest version). I have a fixed “layout” width of 1000px.

    Now, I currently have an image as the background (leafs, trees and a path). This image is the background for everything.

    What I need is to have this image only in the readjusting part of the page, and the fixed layout part of my webpage ( this being the header, the body, footer, etc.) to have a completely different background image (flat, solid brown color for now).

    I need the webpage to stand out from this readjusting background, a page sitting on top of a picture.

    Clear?

    Also, I eventually want to work with opacity so that the readjusting background and the fixed layout background mix into each other.

    I know it’s a mind-ful. Please help, or provide an alternative I can try.

    Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

  • could u post a link to ur site?

    On the Atahualpa theme, are you saying that you want the white box that has a shadow to have a background image? And that you already have a background image behind that?
    This sounds like a simple CSS fix to me.

    Thread Starter williah

    (@williah)

    here’s a link for a similar sight (I can’t publish the other yet).

    https://tmfnyproductions.com/cdnorthjerseyrealty2/

    So I want the part with banner (the picture, the text) and the body (with the menu and the two sections) to keep the brown background that currently exits. This section will have a fixed width of 1000px. Now I want this to “rest” on top of a picture. I want this picture to be a background behind this “page,” and the picture will be the expanding and collapsing part of the window.

    Another way to phrase it; since the layout is fixed in Atahualpa, I want the fixed width part to have one background, and the expanding/contracting part of the window to have another background. The fixed width part will rest on the other, and will block the other image (though eventually I hope to blend the two).

    Thread Starter williah

    (@williah)

    Any help, anyone?

    hmm i think i don’t really understand but..

    add to

    div#wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 980px;
    background-color: #895E42;
}

    and

    body {
    background-image: url('urpath/background.jpg');
    color: #FFFFFF;
    font-family: tahoma,verdana,arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    text-align: center;
   }

    ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to have a different body image from the background’ is closed to new replies.