Remove Table Borders

The answer’s at https://tablepress.org/faq/

I followed the instructions to insert the indicated code and the result was that it removed the internal, vertical borders but not the outside borders nor the horizontal interior borders. I said as much in the original post. Is there something else I’m missing here?

Hi,

thanks for your question, and sorry for the trouble.

Also thanks to Yael, for helping out with the FAQ link. Unfortunately, the solution from the FAQ is not enough in your case, as your theme’s CSS is “stronger”. So, we again need to be “stronger” ??

Please try again with

#content .tablepress-id-2,
#content .tablepress-id-2 tr,
#content .tablepress-id-2 tbody td,
#content .tablepress-id-2 thead th,
#content .tablepress-id-2 tfoot th {
	border: none;
}

Regards,
Tobias

Thanks, everyone….problem solved!!!

Hi,

awesome! Great to hear that. Thanks for the confirmation!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

I have the same problem. Don’t know if my theme CSS is very strong…

I’ve tried with this code, but it doesn’t work.

#content .tablepress-id-1,
#content .tablepress-id-1 tr,
#content .tablepress-id-1 tbody td,
#content .tablepress-id-1 thead th,
#content .tablepress-id-1 tfoot th {
	border: none;
}

I’d also like to reduce the padding, but same, it doesn’t work. Nothing happens:

.tablepress-id-1 .column-2 {
	padding: 1px;
}

Hi,

thanks for your question. You are right, your theme CSS is very “strong”, so that the “Custom CSS” has to be modified a little bit.
The code that you posted (with #content prepended in each line) does work nicely (You are currently using that with the #content).

The same will work for the padding. Please try

#content .tablepress-id-1 .column-2 {
	padding: 1px;
}

Regards,
Tobias

Thank you very much!! Nice!!

Sorry for the first code, i hadn’t see that there was the “#content” part now.

Nice job Tobias! ??

Hi,

great to see that it worked! ??
And no problem, you are very welcome!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Hi Tobias,,

I tried both #content and #main, but both didn’t work. I couldn’t remove the border.

Any suggestions?
cookware.us homepage

Hi,

thanks for your post, and sorry for the trouble.

Yeah, in your case, the borders come from something else: The theme is separating the cells by one pixel, so that what you see is a backgroud color of the table layer (that is otherwise invisible behind the cells).
So, please remove that #main again and use the standard code for removing borders from the FAQ, and additionally add this “Custom CSS”:

.tablepress {
    border-collapse: collapse !important;
}

Regards,
Tobias

Working like a boss!
Thank Tobias ??

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!

$10 from me. Big help.

Hi,

thank you very much, I really appreciate that! ??

Best wishes,
Tobias