Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #17230

    I have a background burlap image in place now-

    but I also have another graphic element to put overtop of the burlap . I will need to have a different graphic on the left side than the right side. Where would I add this in the coding?


    Hi nikicampbell,

    That is a bit tricky depending on the size and how picky the alignment needs to be. One way you could do it is to add a single new div that encompasses the entire wrap_all div and then add a background image to it that fakes the effect of having two different images.

    You could also try including two new divs right before the wrap_all that are positioned absolutely or relative but it will be a bit tricky getting them centered.

    Either way you can add everything into the header.php but if you start a new div there make sure to end it in footer.php at the correct level so that it doesn’t mess anything up.




    Thank you, thank you, thank you!

    Thanks for the tip – here is what it lead me to >> I added a DIV to encompass wrap_all and it worked like a charm. In an ideal world I could have the graphic go to the bottom of the page (suggestions?) but I’m not attached to that.

    The “stitch” graphic sits in front of the “burlap” graphic, the burlap is defined in the theme options bg.

    #graphic_wrap {

    z-index: 1;

    background-image: url(‘images/stitch.png’); background-repeat:repeat-y;

    margin-left: auto;

    margin-right: auto;

    width: 1200px;



    Looks like you got it sorted out with a clever transparent png file :)

    I would not have though of it but it works quite well!



Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Adding different graphic on left and right side of boxed content’ is closed to new replies.