Support » Plugins and Hacks » WP Photo Album Plus » [Plugin: WP Photo Album Plus] Menu Tab's fall behind slideshow

[Plugin: WP Photo Album Plus] Menu Tab's fall behind slideshow

  • I have some sub tabs that extend into the slideshow space and they are not on top of the images. Is this something that can be fixed with the slideshow or something else?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Change your themes css to have the z-index of your tabs > 1000

    I’ve tried that in the two or three areas where I could find the z-index in the css file for tabs and set them greater than 1000 but it is still not working. they only way I got it to work was REDUCE the z-index in the slideshow.js file in your plugin. Is it possible to simply add an option in the settings to alter this on the slideshows? I had it working then the plugin was updated and got reset with a new slideshow.js file.



    What z-indexes in the slideshow work for you? It is no problem for me to make ‘mine’ smaller in slideshow.js so you need no longer need changing it after every upgrade.

    Well I went to extremes on the .js file and changed everything 900 to 0 and everything 901 to 1. I can tweak it more to see if there is a cutoff point where it stops working, or I can just edit each time it is upgraded :). I only use the slideshow feature so that’s why I was wondering if a settings option would work to allow the z-index to drop very low for anyone using it as opposed to hard coding it.

    the site FYI is http://www.toadcustompaint.com and go into any gallery and you can see it is working when the slide show comes up. Strange the CSS changes did NOTHING to fix it.

    I prefer to find a way that works always, but dropping to 0 and 1 is not an option.
    You need not to search for a cutoff point if there are no z-index defs in your theme that refer to the menu.
    If your theme will not be updated very often, you might consider to add it in your themes css yourself. If so, do the following:

    In your themes style.css there are various definitions that start with #tabs.

    example starting on line 449:

    #tabs li {
        display: inline;
        float: left;
        margin: 0;
        padding: 0;
        position: relative;

    example starting on line 593:

    #tabs ul li ul a span, #tabs ul li ul a span span {
        float: none;
        height: auto;
        margin: 0;
        padding: 0;

    there you could add:

    z-index: 1000;

    It may be needed to do this in all defs that start with #tabs, just try it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: WP Photo Album Plus] Menu Tab's fall behind slideshow’ is closed to new replies.
Skip to toolbar