Table Trouble

I’ve been experimenting with WP, just using a trial, trying to re-create my existing non-WP site as much as possible.

We use tables quite a bit, mostly to keep things side by side. I found and installed the Magic Liquidizer Responsive Table plug-in. It works OK, but when I test our donation link set-up, and shrink down the page’s window, the “amount raised” and dollar amount are duplicated below the donation button. You can see what happens here:
https://kenradar.dollarwp.com/test-page/

In addition, there is a gray box around the table, which isn’t there on our current website.

Here’s the code:

<div align=”center”>
<table style=”height: 252px; width: 472.5px;” cellspacing=”0″ align=”center”>
<tbody>
<tr>
<td style=”width: 141px;”>
<table style=”width: 100%; height: 200px; border: 5px solid #3b4634; background-color: #a3ae76;” border=”5″ cellspacing=”2″ cellpadding=”5″ align=”center”>
<tbody>
<tr>
<td style=”height: 110px;”><span style=”font-size: x-large; line-height: 1.5em;”>Amount Raised:</span></td>
<td style=”text-align: center;”><span style=”font-size: 36px;”><span style=”font-family: arial, helvetica, sans-serif;”><b>$150</b></span></span></td>
</tr>
<tr>
<td><span style=”font-size: x-large; line-height: 1.5em;”>Goal:</span></td>
<td style=”text-align: center; height: 110px;”><span style=”font-size: 36px;”><span style=”font-family: arial, helvetica, sans-serif;”>$287</span></span></td>
</tr>
</tbody>
</table>
</td>
<td style=”width: 329.5px;”></td>
</tr>
</tbody>
</table>
</div>

Any suggestions would be appreciated.

Thanks,

Ken

• This topic was modified 7 years, 11 months ago by kenradar.