Align the “+”/”-” button vertically | WordPress.org

Resolved akaros
(@taaamara)

8 years, 11 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 8 years, 11 months ago by akaros.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Tobias Bäthge
(@tobiasbg)

8 years, 11 months ago
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)

8 years, 11 months ago

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)

8 years, 11 months ago

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.

3 replies
2 participants
Last reply from: Tobias Bäthge
Last activity: 8 years, 11 months ago
Status: resolved