How to Remove Table Borders in WordPress

Tables are commonly used to display various data and information in an organized and structured format. However, the default appearance of tables in WordPress includes visual borders.

Although this border is essential in many cases, there are many situations when you may need to hide the borders to enhance the design aesthetics. This is why many web designers look for ways to remove table borders.

This article will show you an easy guide on how to remove table borders in WordPress. We will explain this method using WordPress default table as well as a table plugin.

Let’s begin with the table plugin.

Method One: How to Remove Table Borders in WordPress Using the TableBerg Plugin

The reason for presenting the TableBerg plugin in the first place is that it can help you overcome many limitations of the WordPress default tables. You can create tables with the plugin, adding various blocks to its rows and columns to make your tables versatile.

Step 01: Install and Activate the Plugin

Navigate to Plugins > Add New Plugin. Get the plugin by typing TableBerg in the search box. After that, Install and Activate it.

Install and activate the TableBerg plugin

Find the TableBerg block from the Gutenberg editor and add it to your post or page.

Step 02: Create a Table

Add the TableBerg block to your page or post

Set the row and column number to the post, which is similar to the default WordPress table.

Set the row and column number

You’ll get the block-adding option similar to Gutenberg in each cell on the table. Using them, you can add your desired content to the table.

Add blocks and content to the TableBerg tables

You can see below we have created a dummy table with the plugin. Next, we’ll show you how to remove borders from the table.

Table prepared with the TableBerg plugin

Step 03: How to Remove Borders from the Table

Select the entire TableBerg block by clicking the TableBerg icon on the toolbar. Then, go to the Styles tab on the right sidebar.

Select the entire TableBerg block to start removing its borders

Scroll the sidebar a bit. Toggle off the option Enable Inner Border. Make the Table Border Size zero (0) by dragging the scale.

This will remove borders from the table. Now, you may edit the content on the table to adjust its presentation.

Hide the table borders

Method Two: How to Remove Table Borders in WordPress Using the Default System

This method is even more simple than the above one. But the default WordPress tables won’t allow you to add versatile information.

Step 01: Create a Table First

Hope you already know how to create tables using the default WordPress system. We have also created one with some dummy information to demonstrate the following parts of the tutorial.

Table created with the default system in WordPress

Step 02: Select the Table Block and Hide Its Borders

Select the entire table by clicking the Table Block icon on the toolbar. Jump into the Styles tab on the right sidebar.

Select the table border

Come to the Border option, scrolling down the right sidebar. Make the border value zero (0) by dragging the scale. The table border will disappear.

Hide borders of the default WordPress tables

Try Hiding Table Borders Yourself

Today’s tutorial ends here. Hope by following this article, you’ll be able to hide the table borders on your WordPress website easily. If you want more tips and suggestions related to table creation in WordPress, stay tuned with us, and don’t forget to share your valuable feedback through the comment section.

Leave a Reply

Your email address will not be published. Required fields are marked *

Early Bird Offer Is Live Now!
This is default text for notification bar