Align the “+”/”-” button vertically

  • Resolved akaros

    (@taaamara)


    7 years, 10 months ago

    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 7 years, 10 months ago by akaros.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@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

    Thread Starter akaros

    (@taaamara)

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

    have a great day!

    Plugin Author Tobias B?thge

    (@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.