Chat plugin z-index?

I installed the chat plugin on a MU/BuddyPress site. I'm using the corner box implementation, but I'm having trouble because the box falls behind many of the objects on the page. I'm guessing this has to do with the z-index, but I can't figure out how to fix it.

Currently, it falls behind the image on my front page and behind all of my BuddyPress objects on my BP pages.


  • DavidM
    • DEV MAN’s Mascot

    Hello Saunt Valerian,

    First of all, welcome to WPMU DEV!

    My apologies for the delayed response. There's no z-index specified in the CSS so you can simply create it if you like. The chat box CSS all resides in the following.

    And assuming you're referring to the bottom corner chat, the you should be able to use the following (substituting z-index value as you need).

    #chat-block-site {
    	padding: 2px 3px 0 3px !important;
    	position: fixed !important;
    	right: 0 !important;
    	bottom: 0 !important;
    	overflow: auto !important;
    	-moz-border-radius-topright: 5px !important;
    	-moz-border-radius-topleft: 5px !important;
    	-webkit-border-top-right-radius: 5px !important;
    	-webkit-border-top-left-radius: 5px !important;
    	font-size: 12px !important;
    	z-index: 100;

    Hope that helps!


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.