Home Forums Weaver Xtreme Theme Placement of png picture on top of wrapper

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17506
    johnmgerst
    Participant

    Hello fellow Weaverites! I need a little help with Weaver Xtreme Plus. I am a newbie. On the Main Options>Wrapping Areas>Background Image menu selection I have a graphic (png file) of a sheet of paper as a background. In the Advanced Options>HTML Insertions>Pre-Wrapper Code menu item I have the following code: <img src=”http://gottagrowit.ipage.com/public_html/wp-content/themes/gottagrowit/images/tree.png&#8221; style=”float: right;”>. My problem is that with this code the png Wrapper is pushed down just below the tree branch picture when what I want is for the tree branch to be on top of the paper graphic so that the paper is up tight to the top of the web page. I just can’t figure out how to accomplish this.

    http://gottagrowit.ipage.com/public_html/

    Thanks for any help.

    #20781
    scrambler
    Moderator

    If you want the pre wrapper are to be above the actual wrapper, then it needs to be positioned absolute and with the right z-index.

    You can do that by adding the following rule to Advanced Options > HTML Insertion Pre Wrapper BG CSS+ box
    {position:absolute;right:0px;z-index:2;}

    #20782
    johnmgerst
    Participant

    Excellent! That worked. Thanks scrambler. The tree graphic is where it needs to be but only one problem – the tree leaves are appearing underneath the menu bar. Is there a way to make the tree graphic on top of all other elements?

    #20783
    johnmgerst
    Participant

    Scrambler, I’m reading as fast as I can and so I figured out that if I change the z-index to 100 the tree is now in front of the menu. All set, I think.

    Thanks again for your help.

    #20784
    johnmgerst
    Participant

    Okay, can’t do that. When I do, the pic is over the menu bar and the social icons so that they menu selections are not operable. Just like before when the social icons were under the wrapper and they wouldn’t work. I just added a bottom margin under the Header Widget Area and it widens the header. I can live with that.

    #20785
    scrambler
    Moderator

    If you make anything be over a link (even if transparent, it will make the link unusable, This is why I thought it was actually perfect that the branch was under 🙂

    #20786
    johnmgerst
    Participant

    Thanks scrambler. You’re right and it looks very good and works right now.

    Cheers.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.