Different background Image on different pages

  • Resolved Reymus

    (@reymus)


    13 years ago

    Hey all,

    Basically I have stumbled into a slight problem, one which I have no clue how to resolve.

    Basically, I would like to have a different background image for the 6 pages that I have. Each of those pages has a sub navigation, that will use the same background image as the parent.

    Now, plugins that I have already looked at, seem to add random background rotations and other effects, but none seem to display a unique image on a per page basis. I was hopping to find something similar to Dynamic Headers but for background images, so far no such luck.

    Does anyone know of any plugins or techniques to achieve this? I am more of a designer than programmer, so please bare that in mind. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Reymus

    (@reymus)

    Anyone? :s

    I don’t know what else to do, a part from using the random background which isn’t really ideal.

    Thread Starter Reymus

    (@reymus)

    Well I found a solution. It’s not totally ideal, but it works. Insert the following into the HTML of each page (Pages > Click on a page to edit, then click on the HTML tab):

    <style type=”text/css”>
    body {
    background-image:url(wp-content/themes/twentyeleven/images/bg/yourimage.jpg);
    background-repeat:no-repeat;
    background-position:top;
    background-color:#000000;

    }
    </style>

    Just make sure you change the URL to where your image is located.

    esmi

    (@esmi)

    Or use the basic approach outlined here to change background images via the body_class() function.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Different background Image on different pages’ is closed to new replies.