Customise the Column Visibility drop down buttons

  • Resolved kencope

    (@kencope)


    6 years, 7 months ago

    Hi Tobias,

    Thank you for the help and support you have provided.

    I have almost got my tables to where I want them, my only problem now is with the drop down buttons of the Column Visibility button. The difference between the on off state of the ‘shown’ and ‘hidden’ buttons are very subtle, I do like it but some of my users have asked if I can make them more distinctive. What is the css that would do this, please?

    Thanks again,

    Kind regards,

    Ken

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    This is also a background image/gradient, defined in the CSS file https://hymnsocietygbi.org.uk/wp-content/plugins/tablepress-datatables-buttons/css/buttons.dataTables.css

    To change the color of that gradient, you could use CSS similar to

    div.dt-button-collection a.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled) {
	background-image: linear-gradient(to bottom,#ff0000 0,#dadada 100%);
}

    Regards,
    Tobias

    Thread Starter kencope

    (@kencope)

    Thanks very much, Tobias, great support!

    Ken

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customise the Column Visibility drop down buttons’ is closed to new replies.