Support » Plugin: TablePress » Collapse – size of buttons, distance them from text in the column

  • Resolved piotrk87

    (@piotrk87)


    Hi Tobias,

    I have a question – how can I make the buttons (plus / mius) bigger when using responsive collapse mode?

    Also, they seem to be very close to another element which is clickable on my website, so when somebody uses this on mobile, they click on the link instead of the button. How can I make a distance between the button and another element?

    Many thanks!

    Piotr

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link!

    To increase the buttons, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
      height: 24px;
      width: 24px;
      line-height: 24px;
      font-size: 24px;
    }

    Unfortunately, I’m not sure about increasing that distance, as the full first cell is actually clickable…

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.