Collapse – size of buttons, distance them from text in the column

  • Resolved piotrk87

    (@piotrk87)


    4 years, 2 months ago

    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

    Thread Starter piotrk87

    (@piotrk87)

    Hi Tobias,

    You can check here:

    https://jakaoferta.pl/oferta-na-karte-z-roamingiem-najlepsza-we-wrzesniu-2020/

    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)
  • The topic ‘Collapse – size of buttons, distance them from text in the column’ is closed to new replies.