How to style table controls

  • Resolved envisualist

    (@envisualist)


    7 years, 5 months ago

    Hello,

    First, I apologize if this question has been asked and answered already, I browsed through the FAQ and the support forum for a bit but didn’t see any topics that looked similar to my question.

    I am having some trouble styling the table controls found at the top and bottom of the table to match the site I am working on. Specifically, I would like to change the font color and padding of the “Show X entries” & “Search” above the table and “Showing X to X of X entries” and “Previous & Next” below the table, as well as the hover color of the Previous & Next arrows. Any help would be appreciated.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    These controls are added by the DataTables JS library, with different CSS classes, like

    .dataTables_info
.datatables_paginate
.datatables_lengthchange

    I recommend to use the developer tools in your browser (I prefer those from Chrome) to inspect the added HTML elements and their CSS classes.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘How to style table controls’ is closed to new replies.