Public Forums 71,145 posts

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#910829

Yes this is an older site which will be updated this summer. For now though the client continues to make good use of it. It’s built on JA University for Joomla 2.59.
Recently I added a popup video gallery using JCE’s advanced Media Box. All works well, but the popup is underneath the main menu div.
The reason why the menu is on top of the videos is that it has a Z-index of 30000. But for the life of me, using Firefox and Chrome to debug, I can’t find where in the code that the value is actually controlled. I suspect that if I set the value to 1, it will solve the problem. I just don’t know where the file is located.
The inline code which is causing the problem is this:
BODY #ja-mainnav
{
z-index: 30000;
But I cannot find this line in any of the CSS files. Its origin has baffled me.
You can see the problem here: https://educationlaw.org/video-test
Please, if anyone has any ideas how to fix this, let me know. Admittedly it’s been awhile since I did any heavy-duty coding with this older T3 framework.
It’s good to back on the board. I look forward to using the new full-width templates.
-Jim G.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#911023

Hi Jim,

You can try with my tweak as below:

• Go to file: https://educationlaw.org/templates/ja_university/themes/bookstore/css/template.css
• At approx line 128:

/* NAVIGATION
--------------------------------------------------------- */
#ja-mainnav {
  background: url(../images/menubg2.png) no-repeat center #dfeff9;
  z-index: 1 !important;
}

And add `z-index’ properly like above.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#911024

Hi
To fix the issue
Go to /plugins/system/jcemediabox/css/jcemediabox.css
find this code

#jcemediabox-popup-page {
    position: fixed!important;
    z-index: 10000;
}

and replace it with

#jcemediabox-popup-page {
    position: fixed!important;
    z-index: 99992;
}

Save file , clean your Joomla cache and check .

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#911364

Thank you both very much! Both ways are fine. In addition Ryan Demmer at JCE came up with another simple fix for problems such as this. He had me simply add:

jcemediabox-popup-page {z-index: 50000;}

…to template.css
I still can’t find where that enormous Z-index value came from to begin with, but these approaches have provided effective workarounds.
-Jim Gribble

[Author]

Posts