How to Change Table Border Color in WordPress

How to Change Table Border Color in WordPress

Table borders refer to the lines that surround and separate the cells within a table. By default, WordPress adds a standard border color to the tables. But depending on your web design, you may want to change your table border color.

But how to change it? To help you out, in this blog post we’ll show you two easy methods of how to change the table border color in WordPress.

Create Beautiful Tables
With Block Editor

Method One: Change the Table Border Color with the Table Block

The Table block is a default block of the Gutenberg editor. It allows you to change the surrounding border color of the table.

Step 01: Select the Table and Go to the Styles Tab

Place your cursor anywhere on the table. Go to the Styles tab.

Select the Table and Go to the Styles Tab

Step 02: Come to the Border Option and Change Its Color

Come to the Border option by scrolling down the Styles tab. Click the circle under the border option. You’ll be able to set a color for the surrounding border of the table.

Note: The Table block doesn’t allow you to change the inner border color.

Come to the Border Option and Change Its Color

Method Two: Change the Table Border Color with TableBerg

TableBerg is a block-based table-builder plugin. With this plugin, you can change the color of both internal and external borders of your tables. Here’s a guide on how to create a table with TableBerg.

Step 01: Select the Table and Go to Styles Tab

Select the entire table by clicking the TableBerg icon on the toolbar. Go to the Styles tab after that.

Select the entire table and go to the Style tab

Step 02: Find the Table Border Options

By scrolling down the tab, come to the table border options. You’ll find two options – Table Border Size and Inner Border Size.

With the first option, you can set the surrounding border and with the second option, you can set the inner border color.

Find the Table Border Options

Come to the option Table Border Size. Click the color option and set your desired color. You’ll see the changes in real time.

Set the surrounding border color

Next, come to the Inner Border size option. Set the color you want. In both cases, we have selected the blue color.

You can see the blue color both in the inner and outer borders.

Set the inner border color

Thus, you can change the table border color in WordPress.

Conclusion

So, customizing the table border color is no longer difficult. Hopefully, by following this tutorial you will be able to change your table border color and add an extra touch of professionalism to your content and web design.

Before leaving this post, explore this guide on how to add images to tables in WordPress.



The Tableberg Team