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

  • Author
  • #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.

    #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
    #49912
     romanzy
    Participant
    This reply has been set as private.
    #49915
     romanzy
    Participant
    This reply has been set as private.
    #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
    #50100
     romanzy
    Participant
    This reply has been set as private.
    #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
    #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.

    #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
    #50877
     romanzy
    Participant
    This reply has been set as private.
    #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
    #50976
     romanzy
    Participant
    This reply has been set as private.
    #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
    #50989
     romanzy
    Participant

    Dear Radu,

    Yes, your new code works properly.

    One more time THANK YOU !!!

    Regards.

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

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

Log in with your credentials

Forgot your details?