-
Author
Tagged: profile photo, z-index, sub-nav counters, BuddyMessageUX
-
March 12, 2015 at 18:10 #49865romanzyParticipant
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 #49870RaduModeratorHello,
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 solutionMarch 13, 2015 at 16:49 #50015RaduModeratorHello,
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 solutionMarch 16, 2015 at 18:46 #50303RaduModeratorHello,
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 solutionMarch 16, 2015 at 23:12 #50360romanzyParticipantYou’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 #50847RaduModeratorOn 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 solutionMarch 20, 2015 at 19:01 #50964RaduModeratorHello,
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 solutionMarch 20, 2015 at 20:50 #50986RaduModeratorProblem 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 -
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.