WordPress.org

Ready to get started?Download WordPress

Forums

Easy FancyBox
[resolved] Easy FancyBox (5 posts)

  1. poisson1972
    Member
    Posted 3 years ago #

    Hi,
    I've installed Easy FancyBox. It's a great plugin! However, i'm getting some conflict with css on my template. A section of my Overlay box is stitting under zones of my theme, these zones have a position:absolute;. Is there a easy fix for this issue.
    Please help.
    Best regards

    http://wordpress.org/extend/plugins/easy-fancybox/

  2. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    Do you have a link?

  3. poisson1972
    Member
    Posted 3 years ago #

    Hi,
    This is my link: http://www.alphenayachts.com/index2.php?page_id=30
    You need to click on 3D link in the middle of the page.
    Really appreciate your help.
    Best regards

  4. RavanH
    Member
    Plugin Author

    Posted 3 years ago #

    It's not the position:absolute that is causing this but the z-index of the wrapping <header> tag:

    header {
     height: 190px;
     position: relative;
     z-index: 99999999;
    }

    Remove that and the issue disappears...

    Now, I don't know why that z-index is needed at all (maybe the menu mouse-over effects?) but if you absolutely need a z-index for any header or menu objects, try to keep it under 1000. Like so:

    header {
     height: 190px;
     position: relative;
     z-index: 999;
    }

    And then, of course, adjust all other z-index values related to this one accordingly :)

  5. poisson1972
    Member
    Posted 3 years ago #

    Hi,
    Thanks alot. It works great now. Brillant!

    Best regards

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic