Support » Plugin: Shadowbox JS » [Plugin: Shadowbox JS] Shadowbox appear BELOW the headerpicture … ???.

  • I have WP 3.4 and have installed the shadowbox JS plugin
    When i click on the pictures… It opens in shadowbox as expected… BUT Appears BELOW the headerpicture… ???.

    The shadowbox should appear above the headerpicture… But instead the shadowbox is partly hidden by the headerpicture … !!!.

    Any solutions … ???.

    :-). Jan

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi Jan.

    I’m curious as to exactly what you mean — what result you are getting.

    Is it possible for you to provide a URL?

    – Rosie

    Try these test links :

    And click on the links and open the galleries and scroll.

    🙂 Jan

    Oh yes, that’s weird. I hope the shadowbox guy can solve it for you. Unfortunately he doesn’t seem to drop by that often.

    – Rosie

    Plugin Author Matt Martz


    The problem is that you seem to have a bogus z-index for your #branding element of 9999. This is causing the header to appear on top of everything else.

    /* =Header
    ----------------------------------------------- */
    #branding {
    	border-top: 2px solid #bbb;
    	padding-bottom: 10px;
    	position: relative;
    	z-index: 9999;

    Ehhh… ???.
    What is it supposed to be… And how and where do i fix it … ???.

    I have the same problem. I already removed he z-index from the style.css but shadowbox is still underneath the header.

    Thanks in advance

    Plugin Author Matt Martz


    @faxesystem: You do not appear to have removed the z-index, it is till showing in the style.css, but I am realizing that it is actually twentyeleven that is setting the crazy z-index.

    There are a few other options, edit wp-content/plugins/shadowbox-js/css/extras.css or the CSS of your theme and add the following:

    #sb-container {
            z-index: 10000;

    I may just add this into the next release as well.

    Im a novice in WP and dont know how to change the settings/parameter in the CSS file.

    Can somebody please tell me step by step “How to” ???.

    Thank you Matt!!! I love this plugin and use it 2 other sites but I was creating a site for the local PTA using 2011 with a child theme and couldn’t figure out what was going wrong! I did have to add my change as

    div#sb-container {
            z-index: 10000;

    to get it to work correctly but you sure helped!

    Editing wp-content/plugins/shadowbox-js/css/extras.css worked for me. Thanks so much for the fix Matt!

    Matt Martz,

    Thank you!
    That worked just fine.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘[Plugin: Shadowbox JS] Shadowbox appear BELOW the headerpicture … ???.’ is closed to new replies.