CSS Z-Index Needed

[Evolute IT]

Hey 3CX,

The plugins seems great but I discovered something! You need to set your "z-index" to something like "10000" if you want the chat window to show over navbars and such.

My website uses WordPress and RevolutionSlider and the chat is hidden behind it. Just setting the z-index to the <call-us> fixed it.

 

[murat demirtas]

@Frederick Marcoux
I didn't work.

 

[Evolute IT]

@Frederick Marcoux
I didn't work.

If you tried setting it yourself in CSS, it won't work.

 

[murat demirtas]

If you tried setting it yourself in CSS, it won't work.
[/ALINTI]
yes I did it in CSS, where should I do.

 

[Evolute IT]

yes I did it in CSS, where should I do.

Actually, it won't work because they are using inline styles. I tried too using something like:

call-us {
    z-index: 10000;
}

But it doesn't work. They need to update their JS file to add the style to the WebComponent.

 

[murat demirtas]

3cx-clicktotalk/includes/js/callus.js
I'm doing it, but no change.

 

[Evolute IT]

3cx-clicktotalk/includes/js/callus.js
I'm doing it, but no change.

Check with F12 (DevTools) if the style is applied or overwritten by something. That's why I said they need to fix it, because we can't, whatever we do.

But why not simply wait for 3CX to fix it themselves?

 

[murat demirtas]

But why not simply wait for 3CX to fix it themselves?

You're right, of course.