Table border “0”

Hi @srtajpg, thanks for getting in touch!

Are you wanting to do this for tables sitewide? If so, you can add this bit of CSS in Appearance > Customize > Additional CSS and it should do the trick:

.entry table, .entry th, .entry td { border: none; }

If this isn’t quite what you were looking for just let us know! 🙂

Sure thing, that makes good sense! Could I ask how you’re adding your tables? If you’re using the block editor, there’s a field where you can add a CSS class to any tables you want to remove the border from, and then add a snippet in the Customizer, something like this:

.no-border table, .no-border th, .no-border td { border: none; }

Or if you just prefer to add a snippet of CSS for each instance, you could use the page/post ID like this:

.postid-12345 .entry table, .postid-12345 .entry th, .postid-12345 .entry td { border: none; }

If neither of these options do the trick, just let us know!

Thanks! That makes sense, in that case you could add the “no-border” CSS above, and then add that class to any table you wanted to remove the border from:

<table border="0" class="no-border">

Let me know if you give this a shot and it still needs some tweaking! 🙂

Ah…thanks so much for the link- that helps a lot! It looks like for this to work, the CSS I gave you needs a correction- this should work instead:

table.no-border, .no-border th, .no-border td { border: none; }

Great to hear that, thanks for letting us know! 🙂