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
4 years 11 months ago #14812 by nrtn
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
4 years 11 months ago #14813 by nrtn
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
4 years 9 months ago - 4 years 9 months ago #17074 by jamiegee
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: 4 years 9 months ago by jamiegee.

Please Log in to join the conversation.

More
4 years 9 months ago #17082 by ivan.milic
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
4 years 9 months ago #17084 by jamiegee
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
4 years 9 months ago #17087 by ivan.milic
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.127 seconds

Links, Partners and Social Media