Remove empty rows in payment methods table

I've got empty rows in my payment methods table that I want to remove. I've turned on table borders so you can see what I mean in the screenshot. How can I get rid of these and close up the rows please so there's no space in between?

OK thanks, I will look at that. Website is not live yet. If it helps here is a screenshot of the Firebug screen for the table. It shows extra rows but I'm not sure where they come from.

You can maybe try the following css properties:

.hikashop_payment_methods_table tr{ display: none;}
.hikashop_payment_methods_table tr .row0, .hikashop_payment_methods_table tr .row1{ display:inherit !important;}

Thanks for trying Xavier but that just results in no rows being displayed in the table.

And with that:

.hikashop_payment_methods_table tr{ display: none;}
.hikashop_payment_methods_table tr .row0, .hikashop_payment_methods_table tr .row1{ display:table-row !important;}

No, but thanks for trying.

Can you give us a screenshot to your website ?

HikaShop Essential: 4.0.1

Hi. Is it possible to remove the column containing the payment option images (or narrow it individually, or move it after the text)?
It is very wide when viewed on mobiles, especially when no content in it.

Thanks
Greg

Hi Nicolas

I am talking about the middle and right hand columns, as shown in the first image by the OP.
The middle column is the one I want to hide/remove.
I can't see how CSS can sort it out as this column has the same name as the right hand column, so modifying the one modifies the other.

Hi Nicolas

Thank you, I did not know that about td cells and css!

I ended up adding the following to my template css , which works:

.hikashop_payment_methods table tr td{
display:inline-block;
}
.hikashop_payment_methods table tr td + td{
display:none;
}
.hikashop_payment_methods table tr td + td + td{
display:inline-block;
}

Thanks again!