CSS to Change Button Color In Collapse Mode

  • Resolved ndar

    (@ndar)


    2 years, 10 months ago

    Hi.

    Thank you so much for all your work on making these tables responsive. It is a relief. I have chosen to use collapse mode for one table and would like to specify some custom CSS to make the button non-green ?? Could you share the CSS I would need to do this?

    Thank you!

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    To change these colors, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #31b131 !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    background-color: #d33333 !important;
}

    Regards,
    Tobias

    Thread Starter ndar

    (@ndar)

    Hi Tobias.

    I added the CSS, changed the hexadecimal values and see no change. It is unclear to me why it’s not working.

    Here is the page I am working on: https://www.tndar.org/members/wp1/index.php/state-committee-chairs/

    PW: Hearts2022

    Collapse mode kicks in in mobile only, of course.

    Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link! It looks like some > of the CSS code where replaced by their HTML entities. Can you please check if you really copied this CSS code from my reply above (and not e.g. from the forums notification email)?

    Regards,
    Tobias

    Thread Starter ndar

    (@ndar)

    Oh dear. I see what you mean. Yes. That was it. *Face palm* Thank you so much for the help!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias
    ?
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS to Change Button Color In Collapse Mode’ is closed to new replies.