Placement of png picture on top of wrapper

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

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 22, 2015 at 22:02 UTC - Views: 2 #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.

    March 22, 2015 at 22:26 UTC #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;}

    March 23, 2015 at 16:57 UTC #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?

    March 23, 2015 at 17:47 UTC #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.

    March 23, 2015 at 17:58 UTC #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.

    March 23, 2015 at 18:23 UTC - Views: 2 #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 🙂

    March 23, 2015 at 23:50 UTC #20786
    johnmgerst
    Participant

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

    Cheers.

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