Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Image Slider free Joomla module.

Topic-icon z-index issue

More
5 years 3 months ago #14812 by nrtn
nrtn created the topic: z-index issue
I have loaded the Hot Image Slider on my website. How can I change the z-index to have the module fall behind the dropdown menu that is above it? There are dropdowns on some of the menus but you cannot see because they fall behind the slider.

URL: larrynorton.net/baylor/

Thanks for suggestions.

Larry

Please Log in to join the conversation.

More
5 years 3 months ago #14813 by nrtn
nrtn replied the topic: Re: z-index issue
While looking thru the forum trying to fix another issue I found a fix that fixed this issue also.

If anyone has this problem here is a fix.

Edit modules/mod_hot_image_slider/tmpl/default.php and insetr this just before <div id="header_hotslider"><div class="wrap">:

<script type="text/javascript">
jQuery.noConflict();
</script>

Please Log in to join the conversation.

More
5 years 1 month ago - 5 years 1 month ago #17074 by jamiegee
jamiegee replied the topic: Re: z-index issue
Hi,

Mine won't work in IE8. I tried adding your code above but my menu appears below the slider - surreyenergymanagement.co.uk

username/password

I've tried countless variations with z-index but with no luck :-(

Any help please........?

Jamie
Last Edit: 5 years 1 month ago by jamiegee.

Please Log in to join the conversation.

More
5 years 1 month ago #17082 by ivan.milic
ivan.milic replied the topic: Re: z-index issue
Try adding this to your template styles:
body > *{position:relative;} 
     body > *{ z-index:1001;}

     body > * > * > * {z-index:1000;} 

     body > * > * > * > * {z-index:999;} 

     body > * > * > * > * > * {z-index:998;} 

     body > * > * > * > * > * > * {z-index:997;} 

     body > * > * > * > * > * > * > * {z-index:996;} 

     body > * > * > * > * > * > * > * > * {z-index:995;} 

     body > * > * > * > * > * > * > * > * > * {z-index:994;} 

     body > * > * > * > * > * > * > * > * > * > * {z-index:993;} 

     body > * > * > * > * > * > * > * > * > * > * > * {z-index:992;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * {z-index:991;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:990;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:989;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:988;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:987;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:986;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:985;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:984;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:983;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:982;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:981;} 

Please Log in to join the conversation.

More
5 years 1 month ago #17084 by jamiegee
jamiegee replied the topic: Re: z-index issue
I wasn't quite sure about what to do with code, however I tried the following but still no joy

body {
position:relative;
z-index:-5001;
}

Please Log in to join the conversation.

More
5 years 1 month ago #17087 by ivan.milic
ivan.milic replied the topic: Re: z-index issue
Hi open index.php of template and in head section add this:
 <!--[if lte IE 7]>

    <style type="text/css">

     body > *{position:relative;} 
     body > *{ z-index:1001;}

     body > * > * > * {z-index:1000;} 

     body > * > * > * > * {z-index:999;} 

     body > * > * > * > * > * {z-index:998;} 

     body > * > * > * > * > * > * {z-index:997;} 

     body > * > * > * > * > * > * > * {z-index:996;} 

     body > * > * > * > * > * > * > * > * {z-index:995;} 

     body > * > * > * > * > * > * > * > * > * {z-index:994;} 

     body > * > * > * > * > * > * > * > * > * > * {z-index:993;} 

     body > * > * > * > * > * > * > * > * > * > * > * {z-index:992;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * {z-index:991;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:990;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:989;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:988;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:987;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:986;}

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:985;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:984;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:983;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:982;} 

     body > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {z-index:981;} 

    </style>  

    <![endif]-->

    

Please Log in to join the conversation.

Time to create page: 0.140 seconds

Links, Partners and Social Media