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

    I have a background burlap image in place now- http://yame.com.au/word/

    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?

    #94653

    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.

    Regards,

    Devin

    #94654

    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.

    http://yame.com.au/word/

    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;

    }

    #94655

    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!

    Regards,

    Devin

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.