Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #874087

    scottkwilson
    Participant

    Hello,
    On my website (http://mri-imaging-db.stormwindcreative.com/index.php/major-non-ar-asset-list/) I’m using wpDataTables to organize and display the data. It is working well with the X theme, but when you hover over the date picker fields in the first column, I’m getting a red circle with a line through it indicating “you can’t do that” (see attachment). However the date picker works. I’ve contacted the authors of the wpDataTables plugin and they were able to point me in the right direction, indicating that there is a conflict from the integrity-light.css style sheet. I can’t for the life of me figure out how to fix this. Please help! I am so close to having this working perfectly and certainly do not want to abandon the x theme over this minor detail.

    #874275

    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Edit Global CSS:

    .date_range_filter.picker__input {cursor: pointer !important;}

    Hope it helps 🙂

    #874632

    scottkwilson
    Participant

    Thanks for the quick response, but unfortunately it didn’t work. Any other suggestions?

    #875052

    Thai
    Moderator

    Hi There,

    You forgot to add the closing bracket (}).

    Please find this CSS:

    
    @media (max-width: 979px){
    .x-navbar-inner {
         min-height:0;
         overflow:hidden;
         padding: 10px 0;
    }
    
    .x-navbar .x-brand {
         margin-top:0;
    }
    
    a.x-btn-navbar.collapsed,
    .x-btn-navbar:hover{
         margin-top: 0px; /* Margin above mobile menu*/
    }
    
    .x-navbar .mobile .x-nav li a {
        font-size: 18px;
        padding: 10px 0px;
    }
      
    .date_range_filter.picker__input {cursor: pointer !important;}

    And update to this:

    @media (max-width: 979px){
    	.x-navbar-inner {
    	     min-height:0;
    	     overflow:hidden;
    	     padding: 10px 0;
    	}
    
    	.x-navbar .x-brand {
    	     margin-top:0;
    	}
    
    	a.x-btn-navbar.collapsed,
    	.x-btn-navbar:hover{
    	     margin-top: 0px; /* Margin above mobile menu*/
    	}
    
    	.x-navbar .mobile .x-nav li a {
    	    font-size: 18px;
    	    padding: 10px 0px;
    	}
    }
    .date_range_filter.picker__input {cursor: pointer !important;}

    Hope it helps 🙂

    #875110

    scottkwilson
    Participant

    Awesome! That did the trick. Thanks so much!!

    #875271

    Thai
    Moderator

    You’re very welcome 🙂