Z-Index Profile Photo

[romanzy]

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.

[Radu]

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

What support service includes ? What not ?

[romanzy]

This reply has been set as private.

[romanzy]

This reply has been set as private.

[Radu]

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

What support service includes ? What not ?

[romanzy]

This reply has been set as private.

[Radu]

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

What support service includes ? What not ?

[romanzy]

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.

[Radu]

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

What support service includes ? What not ?

[romanzy]

This reply has been set as private.

[Radu]

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

What support service includes ? What not ?

[romanzy]

This reply has been set as private.

[Radu]

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

What support service includes ? What not ?

[romanzy]

Dear Radu,

Yes, your new code works properly.

One more time THANK YOU !!!

Regards.

[Author]

Posts