Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: CSS to Force Carousel CK BEHIND Menu

CSS to Force Carousel CK BEHIND Menu 22 Dec 2019 14:20 #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.

CSS to Force Carousel CK BEHIND Menu 22 Dec 2019 14:36 #54662

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 23181
  • Karma: 427
  • Thank you received: 2915
Hi
thank you for sharing ! :)
CEd
Joomlack Webmaster and Developer

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

  • Page:
  • 1
Time to create page: 0.253 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 769 guests and no members online