This topic has 13 replies, 2 voices, and was last updated 9 years by 
-
-
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.
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 solutionHello,
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 solutionHello,
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 solutionYou’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.
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 solutionHello,
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 solutionProblem 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
The forum ‘KLEO’ is closed to new topics and replies.
