Support » Plugin: TablePress » Align the “+”/”-” button vertically

  • Resolved akaros

    (@taaamara)


    Hi!

    I have this website https://www.whitening.nu/sv/blekande-tandkram/ where i use the collapse-function that can expand and collapse the table while in the mobile.

    The “+”/”-” button has to be aligned vertically in the middle of the top/bottom border, where the height is not specified.

    Now i have “Top: 14px” because all images/logos are the same size, but if i add one more picture then the button is still of course 14px to the top. I need this button to always be in the middle, no matter what height the row has.

    Can this be fixed somehow? I tried different css hacks but nothing works.

    You can see an example here: https://www.whitening.nu/sv/blekande-tandkram/ (first row, Beconfident has a logo + image, the rest has not. Can only be viewed in mobile-devices. Thank uu, donation has been made.

    • This topic was modified 3 years, 8 months ago by akaros.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    For this, please try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
     top: 50%;
      margin-top: -8px;
    }

    Regards,
    Tobias

    no worries!! this worked, thank uu!! best plugin all times, thank you for helping me!

    have a great day!

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Align the “+”/”-” button vertically’ is closed to new replies.