Support » Plugin: Floating Div » Floating Div covered by some page elements and only visible to admin

  • Resolved T

    (@tenleftfingers)


    I’m using a floating div and I can see it on my homepage but only when logged in as the administrator.

    Also, the main menu bar (auracolors.com) covers the floating div. How can I set the z-order to infinity?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    Hi,

    For your logged in issue, maybe it is only a misconfiguration. Inside your Floating Div settings, on the top right, you should have a “select” field named “User Restriction”. By selecting “All”, every users will see the floating div. By selecting “Logged In” (or “Guest”), only logged in (or guest) users will see the floating div.
    Check if “Logged In” is selected, if it’s the case switch to “All”.

    About the z-index issue, this value is fixed to 99 inside the css file. Some themes use higher value for menu bar etc… You could easily change this value in the CSS file or overwrite it in your own CSS file with the keyword “!important”.

    If you need some help to set this z-index value (select the right class/ID), feel free to ask me and I will check your website to help you troubleshooting.

    Best Regards,
    PluginlySpeaking

    T

    (@tenleftfingers)

    Thank you for the reply! The Settings area in the top right (when I edit the post) only has an entry for “Width of Content”.

    I can update the CSS file, thank you for the tip 🙂 But, will updates overwrite it?

    Warm regards

    Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    My bad, my mind was on the PRO version with this feature. Where did you paste the Shortcode ? Maybe you wrote it in an “admin” element/widget.

    For the CSS update, you just have to update the CSS file (floating-div/css/psfd.css) and change the forth line (z-index:100; to z-index:99999; for example)

    If you prefer to update your own CSS file, just add the following :

    .exp_floatdiv_content_pro {
    z-index:99999 !important;
    }

    In both case, it will overwrite the current CSS.

    (PS : In your website, your menu bar has a z-index of 1000, the value 1001 should do the trick)

    Best Regards,
    PluginlySpeaking

    T

    (@tenleftfingers)

    Thanks, I saw that and updated the z-indexto 1001 to compensate 🙂

    I just put the shortcode at the top of the editor for the homepage like this
    https://www.dropbox.com/s/mbd3lg2ou6teqs9/Untitled.png?dl=0

    Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    Could you try moving the Shortcode just under the <div id=”desktop”> or at the bottom of the page ?

    It is strange that you only see the floating element when you are logged in. Is it only with an admin account or is it working with any account ?

    Best Regards,
    PluginlySpeaking

    T

    (@tenleftfingers)

    That helped. It shows on all sessions now regardless of the browser. Although on Opera it’s still under the menu bar – and reports a z-index of 100. But it’s fine on Firefox, Chrome and Safari so I don’t mind.

    I think we can consider this solved, thank you so much for your help!

    • This reply was modified 2 years, 9 months ago by T.
    Plugin Author PluginlySpeaking

    (@pluginlyspeaking)

    You are welcome, maybe you would need to refresh and empty cache data on Opera, in order to get the new CSS.

    Best Regards,
    PluginlySpeaking

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Floating Div covered by some page elements and only visible to admin’ is closed to new replies.