[Plugin: WP-Table Reloaded] Align image at top of cell

Hi Sandy,

can you please post the link to the page with your table? I’ll then gladly try to give as detailed explanations/code as possible to achieve this styling.

Regards,
Tobias

Here is the link: https://pizzazzgifts.com/kameleon-jewelry/

Interesting – now that I see it published the lavender image (which will later have category names on them) is now centered. Still don’t know how to get it to look like it is attached to the top of the cell.

Thank you for your attention to this.

Sandy

Hi Sandy,

thanks for posting the link. Unfortunately, I can’t access it, and only get a “404 Not Found” error. Is this really a published page? (“Private” or “Draft” status is not enough, unfortunately.)

Regards,
Tobias

I have now made it public. Please try again.

Thanks,
Sandy

Hi Sandy,

awesome, thanks for that!

Yes, this is indeed a padding/margin issue.

Please try adding this “Custom CSS”:

.wp-table-reloaded-id-1 img {
  margin: 0 auto 10px !important;
  padding: 0 !important;
}

Additionally, please remove the “Custom CSS”

.wp-table-reloaded-id-1 .row-2 td {
   text-align=center
   vertical-align=top
}

That will not work in this state, as the correct syntax would need to be

.wp-table-reloaded-id-1 .row-2 td {
   text-align: center;
   vertical-align: top;
}

But even then, it probably would change anything, due to that margin/padding around the image. Thus, please just remove it and just use my first piece of code from above.

Regards,
Tobias

Awesome! That took care of it.

Thanks,

Sandy

Hi,

very nice! Thanks a lot for the confirmation!

Best wishes,
Tobias