hide SHOW pagination slection box

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #9988

    Tradoto
    Participant

    How do i hide the SHOW box for pagination, i only have one number in there so having that box displayed makes no sense and is wasting space

    #9993

    Anonymous
    Inactive

    Hello again mathieu.
    if you want to delete just show box but left the previous next buttons at the end – please, insert into CSS code this #supsystic-table-61_wrapper .dataTables_length {
    display: none;
    }

    IF you want to delete everything – just switch off the option Pagination in the admin settings page of the plugin.

    #10000

    Tradoto
    Participant

    It didnt work, this is what my custom CSS has right now, the border none works fine, not the one you gave me tho

    #supsystic-table-61_wrapper .dataTables_length {
    display: none;
    }
    #supsystic-table-1 * {
    border: none;
    }
    #10001

    Anonymous
    Inactive

    Hello Mathieu,
    please, contact us through internal support. Our team will check what is wrong and will help you to solve the problem.

    #10012

    Tradoto
    Participant

    Not getting any traction via support email, its been 4 days no follow up…

    #10013

    Anonymous
    Inactive

    Hello mathieu. We replied in your tickets in the internal support that for solving an issue – we need the direct link to the page. where do you have your table.

    #10014

    Tradoto
    Participant

    Thx but i replied already days ago saying it was here http://www.tradoto.com on the homepage

    #10029

    Hello!

    As we answered in tickets here is the code for you:

    #supsystic-table-1 * { 
    border: none; 
    } 
    #supsystic-table-1_wrapper .dataTables_length { 
    display: none; 
    } 
    #supsystic-table-1_wrapper .dataTables_paginate .paginate_button, #supsystic-table-1_wrapper .dataTables_paginate .paginate_button.disabled { 
    color: #77c84c !important; 
    } 
    #supsystic-table-1_wrapper .dataTables_paginate .paginate_button:hover { 
    color: #ffffff !important; 
    } 
    #supsystic-table-1_wrapper .dataTables_paginate .paginate_button.current { 
    color: #000000 !important; 
    }

    Please add this code into CSS tab of your table. It will work only for this table.

    Please note that “1” in #supsystic-table-1 * is the id of your table. The code, which we gave you on forum earlier, didn’t work for you because it has id 61 and now we see that the id of your table is 1:

    #supsystic-table-61_wrapper .dataTables_length { 
    display: none; 
    }

    Also here color: #77c84c you can set any other color, by using different hex code. For checking the code of colors you can use this service http://www.color-hex.com/.

    #10035

    Tradoto
    Participant

    you guys rock ! it fixed all my issues, appreciate the detailed answer ! spot on !

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts