Tooltip Z-Index

Support
#1

I cannot get the tooltips to appear in front of other divs. The only divs that will move with z-index are rows. This is post last major update to X theme.

Please take a look at: https://www.ingomoney.com/partners/ingo-rushcard-get-10/

#2

Hello There,

Thanks for writing in! Are your using a default X tooltip? please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

body .tooltip {
    z-index: 999999 !important;
}

We would loved to know if this has work for you. Thank you.

#3

No, that did not work.

#4

Hi There,

Please try adding this custom CSS instead:

#post-23494 .x-column {
    z-index: 0;
}
#5

That did not work.

Also tried !important but didn’t help.

#post-23494 .x-column {
    z-index: 0 !important;
}

#6

Hi There,

I can see the conflict with z-index. For temporary fixed, please set the following:
Second section z-index value to 20
Third section first ROW z-index value to 19
Third section second ROW z-index value to 18

Then remove those custom CSS and try again.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.