[Plugin: WP-Table Reloaded] How to set row height?

you can use firebug to find the CSS. Let me know if this is helpful for you. https://getfirebug.com/

Hi,

usually that is possible with some “Custom CSS” code like

.wp-table-reloaded-id-123 td {
  height: 110px;
}

which would apply this height to all cells of table 123.

However, in most cases, this isn’t really necessary, or a large height value is caused by something else. If you post the URL to the page with the table in question, I will gladly take a look.

Regards,
Tobias

Hello Tobias,

here is the link: https://attentioninteractive.com/atlas/meet-our-team/

You will notice too much space under photos in the 1st row and too much space above and under letters (names of people) in the second raw.

I am using this css, but it is not reducing the height of Row 1:

.wp-table-reloaded-id-1 .row-1 {
height: 110px;
}

(it does increase it when I change height to 300 px for example; but it is not reducing it).

I just have images inserted there and no line breaks or anything.

Thank you for anything you can do Tobias!

Hi,

thanks for that link! Yes, in this case we do need a different approach, indeed. Just setting the height via CSS won’t work, as the elements in the cells (the images and the <h5> headings) require some minimum height, due to their margin settings.
Fortunately, that’s not too hard.

Please remove the CSS from above again, and add this instead:

.wp-table-reloaded-id-1 img,
.wp-table-reloaded-id-1 h5 {
 margin: 0 !important;
}

Regards,
Tobias

This works great. Thank you very much Tobias.

Hi,

awesome! Thanks for the confirmation!

Best wishes,
Tobias