Reply To: YITH Compare: "vertical-align: top;" and default theme font

Hello,

thanks for having a look.
But this new code only partially solved the issue.
The title of the description now is in “vertical-align:top;”. This is great.

But the description texts are still in “vertical-align:middle;”. If you put two or three descriptions of different lenght it’s clear that they are aligned vertically middle.

So I tried to modify your code and then mentioned that .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {vertical-align: middle;} denies the “vertical-align:top;” of table.dataTable.compare-list code. See the screenshot of this in private content.

To be precise I mentioned this in DevTools when I slightly modified your code in this way:

body table.dataTable.compare-list tbody th {
vertical-align: top;
}

body table.dataTable.compare-list tbody tr {
vertical-align: top;
}

body table.dataTable.compare-list tbody td {
vertical-align: top;
}

body table.dataTable.compare-list tbody td p {
vertical-align: top;
}

I understand that this modified code isn’t great, but it seems that it may help to figure out how it is possible to have “vertical-align:top;” of table.dataTable.compare-list tbody td.

Please have a look again. Thank you for taking care!