Removing two cell borders

Hi Shirley,

thanks for your question.

Yes, this should be possible, but the exact code that does this depends on different things, like for example the theme’s CSS code.

Please try this CSS code (to be entered into the “Custom CSS” textarea, with an adjusted table ID):

.tablepress-id-123 .row-1 .column-1 {
  border-left: none !important;
  border-right: none !important;
}

If that does not help, I’d need to take a direct look at the page with the table, so that we might need to wait with this until the site is live or at least accessible on the internet.

Regards,
Tobias

Hi Tobias,
Unfortunately that didn’t work, but I have published the page with the table so that you can take a look:

Listing Pricing

Thanks for your help.

Shirley

Hi Shirley,

thanks for the link! That helps a lot!

First of all, there’s a typo in the CSS. Somehow the . in front of row-1 disappeared. Please re-add that.
Then, the problem is that in the CSS immediatally following the CSS from above, you are setting a border on the table as well, and you are using a value of 0.2px, which is not possible. So, please also change the CSS code block

.tablepress-id-70,
.tablepress-id-70 tr,
.tablepress-id-70 tbody td,
.tablepress-id-70 thead th,
.tablepress-id-70 tfoot th {
	border: .2px solid #eeeeee;
	vertical-align: middle;
}

to

.tablepress-id-70 tbody td,
.tablepress-id-70 thead th,
.tablepress-id-70 tfoot th {
	border: 1px solid #eeeeee;
	vertical-align: middle;
}

Regards,
Tobias

Yes!
It worked!
Thank you so much Tobias.
You have a wonderful plugin by the way.

Hi,

very nice! ??
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!