Search code examples
javascriptjquerycolorbox

Colorbox is not showing content box correctly

I have a cbox that is not showing content as expected. It should show it as this image:

enter image description here

Instead, the inner box is not showing, but the scroll down is being done. The content is there, because I can see it in this image:

enter image description here

But it's not being shown inside the colorbox.

Any idea on why it's not working?

EDIT: As additional info, my colorbox.css is being loaded before the colorbox.js, and jquery is being loaded before colorbox.js.

After executing these lines:

 $('#cboxOverlay').css('z-index', '99');
 $('#cboxOverlay').show();
 optionsContainer.show();

The white box is being created with no content. But for the second example, the white box is not being shown...

Where optionsContainer contains text at innerHTML and innerText.

Solution

  • It seems there are some custom z-index overriding colorbox z-index.