Z-Index Profile Photo

This topic has 13 replies, 2 voices, and was last updated 11 years by romanzy.

Author

Tagged: BuddyMessageUX, profile photo, sub-nav counters, z-index
March 12, 2015 at 18:10 #49865

romanzy
Participant

Hi,

I bought the plugin BuddyMessageUX which enhances the users messaging experience by generating the message forms in an overlay (http://www.philopress.com/products/buddymessageux/). It works well, but I have a problem with the Z-index. The message popup has a z-index: 99999; but it still disappears behind the Profile Photo. Also the counters of the sub-nav tabs are appearing above the overlay.

Can you please help me to lower the z-index of both the Profile Photo and the Sub-nav Counters please?

Thank you very much in advance.

March 12, 2015 at 18:25 #49870

Radu
Moderator

Hello,

Try to set z-index with !important declaration : z-index: 99999 !important;

If this not solve your problem, please provide that URL

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

March 12, 2015 at 20:08 #49912

romanzy
Participant

Hi,

Thanks for your reply Radu.

The !important did not help. I’ve put a fresh Kleo install online with the standard Kleo plugins and with BuddyMessageUX plugin ((http://www.philopress.com/products/buddymessageux/). and WPMU Private Messaging plugin (https://premium.wpmudev.org/project/private-messaging/). With both plugins I have CSS issues.

You can login on the site http://www.domatico.com with user name “rugwarrior” and password “WPMU”. Once you have logged in the profile, you can try to send a private message to the other member Zeppos. Please make the browser window smaller, and you’ll see that the profile photo is on top of the BuddyMessageUX overlay, and the counting buttons as well.

Thank you if you could also have a look at WPMU Private Messaging. From the Admin top bar, you can send a private message to another member. But, you’ll see that the pop-up window is only displaying half. I already contacted WPMY for that, but they said that it’s probably a Kleo issue. Again, no other plugins are installed that could cause a problem. I attached the System Info, so you can check.

The demo server (Dreamhost) is very slow. If you get the message that you can’t connect to the server, then keep refreshing the connection till you go through. I’m sorry for that.

Thank you for your support, and best regards.

March 12, 2015 at 20:12 #49915

romanzy
Participant

If you want to login as Administrator, then please use:

username: zeppos
password: buddy_test_xx
March 13, 2015 at 16:49 #50015

Radu
Moderator
Hello,

This is a quick fix for send message from profile
COPY CODE
```
.buddypress #item-header-avatar {position:initial;}
```
For the rest, i suggest you to send me that plugins to test on my local environment

Your webhost works very very slow, now not work anymore. I cannot debug…

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
March 14, 2015 at 02:36 #50100

romanzy
Participant

Thank you Radu.

It’s a basic Dreamhost server, but weird is that it tuns so extreme slow only with the Kleo install. But, I’m moving soon to a dedicated server, and so that problem is just temporary.

Please find attached the two plugins.

Once again thank you!
March 16, 2015 at 18:46 #50303

Radu
Moderator
Hello,

Add this jQuery to your Theme Options -> General Settings -> JavaScript code
COPY CODE
```
<script>
jQuery(document).ready(function(){

	jQuery("a.public-mess-window").on( "click", function() {
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "static");
	});

	jQuery(".mess-close").on( "click", function() {
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "relative");
	});

	jQuery(document).on('mouseup touchend', function(e){
	        var container = jQuery(".mess-popup");
	        if (!container.is(e.target) && container.has(e.target).length === 0){
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "relative");
		}
	});

});


</script>
```
And thiss CSS to Quick css area
COPY CODE
```
.ig-container .modal-dialog {position:initial;}
.mmessage-container .btn {margin-left: 15px; margin-top: 15px; }
```
Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
March 16, 2015 at 23:12 #50360

romanzy
Participant

You’re awesome, Radu. I really appreciate your support.

The issue with Private Messaging is solved. The issue with BuddyMessageUX is almost OK. The only thing with BuddyMessageUX is that the number counters in the sub-nav tabs are still appearing above the overlay. Any solution for that?

Thank you very much for your effort.

March 19, 2015 at 17:23 #50847

Radu
Moderator

On my side is ok.

Please provide a screenshot.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

March 19, 2015 at 23:49 #50877

romanzy
Participant

Dear Radu,

Please find attached 2 screen shots, one of the public message, and one of the private message.

The public message doesn’t have the problem with the overlay. But, as you can see on the screen shot of the private message, the numbers counters are still above the overlay.

Thanks for your time and effort.

March 20, 2015 at 19:01 #50964

Radu
Moderator

Hello,

I need to look closer, please provide URL and admin credentials.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

March 20, 2015 at 19:35 #50976

romanzy
Participant

Dear Radu,

URL: http://www.domatico.com
Username: zeppos
Password: buddy_test_xx

It’s a fresh Kleo install, only with the necessary Kleo plugins. Please be aware that my basic Dreamhost server is very slow. If you can’t connect, then please keep (re)trying. At a certain moment, you will go trough. The server does not run anything else, so it’s really unacceptable that it even can’t run a simple install. I’m working on the theme locally with MampPro, and as soon as I’m finished, I will take a dedicated server with Rackspace. So, I’m sorry for this slow server for the time being.

Thank you for your effort once again.
March 20, 2015 at 20:50 #50986

Radu
Moderator
Problem fixed with this jQuery code
COPY CODE
```
<script>
jQuery(document).ready(function(){
 
	jQuery("a.public-mess-window").on( "click", function() {
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "static");
	});
 
	jQuery("a.priv-mess-window").on( "click", function() {
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "static");
	});
 
	jQuery(".mess-close").on( "click", function() {
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "relative");
	});
 
	jQuery(document).on('mouseup touchend', function(e){
	        var container = jQuery(".mess-popup");
	        if (!container.is(e.target) && container.has(e.target).length === 0){
		jQuery("body.is-user-profile div#item-header div#item-header-content").css("position", "relative");
		}
	});
 
});
 
 
</script>
```
Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
March 20, 2015 at 21:25 #50989

romanzy
Participant

Dear Radu,

Yes, your new code works properly.

One more time THANK YOU !!!

Regards.
Author

Posts

Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘KLEO’ is closed to new topics and replies.

Search Forums(Mods only)

Search KB

Search Forums(Mods only)

Search KB

Log in with your credentials

Forgot your details?