Tagged: CSS, overlapping, z-index
Hello,
we try to integrate a booking engine on the website. When clicking on a date “los / arrival-container” a calendar opens. This has an high z-index 1000 but part of theme container H2 text an Icon below are overlapping the calendar. Therefore no function is possible. Same happens with the occupancy container “tool-tip” this also has an higher z-index: 9999.
Seams like Enfold “ignores” this and sets a higher priorities.
Could you please assist?
Hey korkor!
Please edit your color section elements where you have your booking engine and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab
#your-custom-id, #your-custom-id * { z-index: 99999; }
Regards,
Yigit
thanks!! This worked.