Rows are too far apart

Hi,

thanks for your question, and sorry for the trouble.

The cause for this is line breaks in the HTML code for these buttons. The create the extra space. To turn that off for this table, please use the modified Shortcode

[table id=1 convert_line_breaks=false /]

on this page.

Regards,
Tobias

Unfortunately this didn’t seem to solve the problem. But added some background stripes!

I have left the table on the page twice. The top one is with convert_line_breaks=false / in the shortcode and the bottom one not.

Here is the code that is in each cell (with the id x’ed out.)

<form action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post” target=”_top”>
<input type=”hidden” name=”cmd” value=”_s-xclick” />
<input type=”hidden” name=”hosted_button_id” value=”xxxxxxxxxxxxx” />
<input name=”submit” type=”image” title=”PayPal – The safer, easier way to pay online!” src=”https://new2020.mymnc.org/wp-content/uploads/2020/07/MemberButton.jpg&#8221; alt=”Donate with PayPal button”width=”125″ height=”93″ border=”0″/>
</form>

Hi,

those stripes are the result of a copy/pasted HTML <pre> element around the Shortcode.
Please try switching from the “Visual” to the “Text” view when editing this page. You should then see HTML tags like <pre> and </pre> around the Shortcode. Please remove all of that.

Regards,
Tobias

Thanks. There was indeed a

 tag, from who knows where.  Removed it.  So the stripes are gone, bit the two rows are still far apart.

Hi,

this is now caused by the CSS

height: 200px !important;

in the CSS block for

.tablepress-id-1 .row-1 td,
.tablepress-id-1 .row-2 td {

Please remove that line.

Regards,
Tobias

Do you work all the time? Thanks for the quick response. I am embarrassed. I thought I had taken all the table 1 CSS stuff out.

Looks great now.

Thanks so much.

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!