WordPress.org

Ready to get started?Download WordPress

Forums

Share Buttons by AddToAny
[resolved] [Plugin: AddToAny: Share/Bookmark/Email Button] z-index (10 posts)

  1. code012
    Member
    Posted 3 years ago #

    First of all, excellent plugin.
    Is there way to force certain value for z-index? I want AddToAny to be around z-index 2 or 3.

    Thank you.

  2. micropat
    Member
    Plugin Author

    Posted 3 years ago #

    When you say AddToAny, do you mean the button or the drop-down menu?

    You should be able to z-index the button without a problem, but the menu is z-indexed to the extreme to ensure that it appears over all other page elements.

  3. code012
    Member
    Posted 3 years ago #

    I mean the drop-down menu.
    What I did was to put an invisible gif file for temporary protection of my image contents, but that file covers the AddToAny as well, causing the problem. I've used the following for styling the gif file.

    style="z-index:1;position:absolute;"

    If the plugin is z-indexed to the extreme, I'm really puzzled.
    Is there way for me to change the z-index for AddToAny drop-down menu and AddToAny buttons?

  4. micropat
    Member
    Plugin Author

    Posted 3 years ago #

    The menu should definitely appear over a GIF with a z-index value of 1. Are you positive that it's a GIF? I ask because Flash is known to interfere with the menu in some cases.

    Do you have a live example you could link us to?

  5. code012
    Member
    Posted 3 years ago #

    Here's the example.

    I stretched gif to 99% width and height.

  6. micropat
    Member
    Plugin Author

    Posted 3 years ago #

    So the menu will appear over your GIF, but the button doesn't currently. To give the AddToAny button a higher z-index, add this line of CSS code to your theme's main stylesheet:

    .addtoany_share_save_container { position: relative; z-index: 2; }

  7. code012
    Member
    Posted 3 years ago #

    Aha! It worked! Thank you.
    Is there a reason why menu is indexed high but buttons are not? It would be cool if button index was high as default.

    Thank you again!

  8. micropat
    Member
    Plugin Author

    Posted 3 years ago #

    You're welcome. The buttons alone usually don't need z-index except in very special cases like yours. AddToAny tends to avoid over-styling elements so as to avoid collisions and to make CSS styling easy.

  9. Reneee
    Member
    Posted 3 years ago #

    I have about the same problem the menu of template twenty ten is messed up in ie windows xp. It works well in Firefox with windows 7. With these settings the menu pushes down the menu bar. If I put in
    position: absolute; the menu disappears behind the pictures (of nextgen).
    What can I do to make it work in both browsers and op systems?

    thanks Renee

    #access ul ul {
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	display: none;
    	position: relative;
    	top: 38px;
    	left: 0;
    	float: left;
    	width: 180px;
    	z-index: 2;
  10. Reneee
    Member
    Posted 3 years ago #

    oops...not well posted, because this topic is closed. sorry

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags