CSS to Force Carousel CK BEHIND Menu

CSS to Force Carousel CK BEHIND Menu was created by Frank_Bertram

Posted 4 years 3 months ago #54661
We are a happy user of Carousel CK for some time now.

We are currently in the process of moving the website to another Template.
We looked at a whole range of different templates and I am not sure for all of them but certainly templates from the Gantry 5 family ( gantry.org/downloads ) and templates from the Helix Ultimate family ( www.joomshaper.com/joomla-templates/helixultimate ) have an undesired effect with Carousel CK:
I.E. the menu from these templates disappears BEHIND Carousel CK.
In other words the menu is obscured (hidden) by Carousel CK.

I must say I am not an CSS expert, but I think this is caused by the way in which the z-index property is used in Carousel CK.
It took me some time, but I found a solution to this problem using Custom CSS as follows:
/* Force Carousel CK BEHIND Menu */
.carouselck_wrap {
font-size: 18px; /* Text was too big*/
line-height: 20px;
z-index: 0; /* This forces Carousel CK BEHIND Menu*/
}
I hope this helps for some other users as well
Best Regards
The following user(s) said Thank You: ced1870

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic CSS to Force Carousel CK BEHIND Menu

Posted 4 years 3 months ago #54662
Hi
thank you for sharing ! :)
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.728 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1274 guests and no members online