In this guide, we will show you two ways to change font color and size in WP Table Builder.

Method 1: Change Font Color and Size for the Entire Table

This method allows you to change the font color and size for all text inside a specific table.

Note: This is not a global typography setting. The changes will apply only to the table you are editing.

Steps

1. Open the table in the WP Table Builder editor.
2. Click the Settings tab at the top of the left panel.
3. Expand the Font Style section.
4. Adjust the following options:
   • Font Color – Change the text color.
   • Link Color – Change the color of links inside the table.
   • Font Size – Adjust the text size using the slider.

Once you make the changes, they will apply to all text inside the current table.

Method 2: Change Font Color and Size for Specific Text

If you want to style only a particular text element, you can change the font settings directly from the text options panel.

Steps

1. Open the table in the WP Table Builder editor.
2. Click on the text inside the cell you want to modify.
3. The Text Options panel will appear on the left side.
4. Adjust the following options:
   • Font Color – Set the color for the selected text.
   • Link Font Color – Change the link color for that text.
   • Font Size – Adjust the text size.

This will affect only the selected text, not the entire table.

When Should You Use Each Method?

If you want consistent typography across your tables, we recommend using Method 1. If you only want to highlight or customize certain values, Method 2 is the better choice.

Follow the steps below to easily add your custom CSS:

1. Go to WP Table Builder Settings

Go to your WordPress Dashboard:

• Hover over WP Table Builder in the sidebar menu and click on Settings.

2. Open the “Table Styles” Tab and Enter Your Custom CSS

Once you’re in the Settings panel, click on the Table Styles tab at the top.

In the Custom CSS field, you can write any CSS rules that will apply to all WP Table Builder tables.

Here’s an example:

<style>
.wp-table-builder table {
  background-color: #f9f9f9;
}

.wp-table-builder td {
  padding: 15px;
}
</style>

Here’s how it looks in the interface:

4. Save Your Changes

After adding your CSS:

• Click the Save button at the bottom right to apply your changes.

That’s it! Your custom styles will now be reflected on all tables built with WP Table Builder.

If you need help crafting the perfect CSS, feel free to reach out to our support team. Happy styling!

Why Use Undo & Redo?

• Undo: Go back one or more steps if you make a mistake or want to change something you just did.
• Redo: Move forward again if you accidentally undid something, or simply want to restore a change.

Where to Find Undo & Redo Buttons

When you’re editing a table in WP Table Builder, you’ll find the Undo and Redo icons in the top bar of the editor, just above your table.

Undo Button (it looks like a curved arrow pointing to the left)

Redo Button (it looks like a curved arrow pointing to the right)

How to Use Undo & Redo

To Undo an Action:

1. Click the Undo button (curved left arrow) on the top toolbar.
2. The last change you made will be reversed.
3. You can click multiple times to keep undoing previous actions.

Example:
If you accidentally deleted a row or changed some text, click Undo to bring it back.

To Redo an Action:

1. Click the Redo button (curved right arrow) next to the Undo button.
2. The most recently undone change will be applied again.
3. You can click multiple times to redo several actions in order.

Example:
If you undid something by mistake, just hit Redo to restore it.

Keyboard Shortcuts (Optional)

WP Table Builder also supports common keyboard shortcuts:

• Undo: Press Ctrl + Z (Windows) or Cmd + Z (Mac)
• Redo: Press Ctrl + Y (Windows) or Cmd + Shift + Z (Mac)

Pro Tips

• Undo & Redo work for most actions in the table editor, including cell edits, row/column changes, and style adjustments.
• Use these tools as much as needed—there’s no limit to how many times you can undo or redo (within your current editing session).

Final Words

The Undo and Redo buttons in WP Table Builder make editing fast and worry-free. Experiment with your table design, knowing you can always revert or restore any changes instantly!

Don’t forget to click on the ‘Save‘ button from the left-hand side (4).

If your previewed table doesn’t look like the table you made, chances are that theme styles cause the problem.

You can easily fix the issue by disabling theme styles for the table.

Go to the ‘Settings‘ tab (1) and open the ‘STYLES‘ section (2). Then enable ‘Disable Theme Styles‘ (3).

Now save the table and check the preview. Hope your table will look good now.

WP Table Builder works seamlessly with the Divi Builder as it supports shortcodes. Here’s how to use ‘WP Table Builder’ with Divi.

Adding Tables In Divi Builder

Once you’ve created a table, click ‘Embed‘, and it will copy a shortcode to the ‘Clipboard’ automatically.

Then, go to the page/post where you want to add the table. Edit the page/post with Divi Builder. Now add the Divi Text module and paste the code there.

You can see the table preview almost instantly after inserting the shortcode. (Though the tables are separate, the functionalities are the same.)

Hope this quick tutorial helped you to use WP Table Builder with the Divi Builder.

Go to the table editor and select the row or column by selecting a particular cell.

Then, click the ‘Delete Column‘ or ‘Delete Row‘ button from the table’s header.

That’s it. Save the table afterward.

If yes, you are in luck. WP Table Builder has an ‘Import‘ option that lets you import files and show them in the table format. 

It’s very easy. All you have to do is follow some simple steps. 

Importing CSV/XML Files via WP Table Builder

First, go to your WordPress dashboard and click ‘Import’ from the ‘WP Table Builder’ menu. 

Then, drag and drop the CSV file or browse it from your desktop (1). Once the file is uploaded, click the ‘Import’ button (2). 

That’s it. The table is imported. 

Click ‘Table List’ (1) from the ‘WP Table Builder’ menu. And you will find the imported table there. 

You can edit the table from there. 

This is how you can import files via WP Table Builder. If you have any questions, feel free to ask us via comment.

If yes, you are in the right place. WP Table Builder lets you make your table sortable vertically and horizontally.

Let’s see how to do it.

Once you’ve created the table, go to the ‘Settings‘ tab, select “General,” and enable ‘Sortable Table Vertically‘. The Sortable icon might not show immediately in the user interface, but you can see it in the preview.

It also lets you make the table sortable horizontally. But in most cases, you might not need it. If you want to make the table sortable horizontally, enable ‘Sortable Table Horizontally’.

Hope this quick tutorial helped you to make your table sortable. If you have any questions, feel free to ask us via comment.

Quick Answer

In the Gutenberg block editor, type /wp table builder to insert the WP Table Builder block. Select an existing table from the dropdown, or click Create to build a new one. You can also edit any table inline by clicking the Open in Editor icon. Alternatively, use a standard Shortcode block and paste the table shortcode (e.g., [wptb id="123" not found ]).

Requirements

Method 1: Using the WP Table Builder block

This is the recommended method. The dedicated WP Table Builder block lets you insert, edit, and create tables without leaving the editor.

Step 1: Insert the WP Table Builder block

Open any post or page in the block editor. You can add the block in two ways:

Option A — Slash command (fastest): Type /wp table builder (1) directly in the editor, then click the WP Table Builder block from the dropdown (2).

Option B — Block inserter: Click the Add Block icon (the “+” icon) (1), type “WP Table Builder” in the search box (2), then click the WP Table Builder block (3).

Step 2: Select a table

Once the block is inserted, you’ll see a dropdown listing all the tables you’ve created in WP Table Builder.

Click any table to insert it. The table will appear inline in your editor.

Tip: You can click the minimize icon to collapse the table list into a compact view.

Method 2: Using a Shortcode block

If you prefer using the table shortcode directly, this method works just as well.

Step 1: Copy the table shortcode

Go to WP Table Builder in your dashboard, find the table you want, and copy its shortcode. It will look like [wptb id="123" not found ].

Alternatively, open the table in the WP Table Builder editor and click the Embed button at the top — this copies the shortcode to your clipboard automatically.

Step 3: Paste the shortcode

Paste the copied shortcode into the editor. You’ll see the table immediately.

Editing a table from the block editor

You can open the full WP Table Builder editor without leaving your post.

Step 1: Select the table block

Click on the WP Table Builder block in the editor to select it.

Step 2: Open the table editor

Click the Open in Editor icon in the block toolbar.

The WP Table Builder editor will open as an overlay directly in the block editor. Make your changes, then click Save Table before closing the overlay.

Important: Always save your table inside the WP Table Builder editor before exiting. Changes made in the table editor are separate from the post’s “Save/Update” button.

Creating a new table from the block editor

You can create a new table directly from the WP Table Builder block without going to the WP Table Builder dashboard first.

Step 1: Insert the WP Table Builder block

Add the block using either method described above (slash command or block inserter).

Step 2: Click Create

Instead of selecting an existing table, click the Create button (1).

Step 3: Set rows and columns

Enter the number of columns (2) and rows (3), then click Create (4).

The WP Table Builder editor will open. Build your table using drag-and-drop elements, then save it. For a detailed walkthrough of building a table, see How to Create Your First Table in WP Table Builder.

Troubleshooting

The WP Table Builder block doesn’t appear in the block inserter. Make sure the WP Table Builder plugin is installed and activated. If you recently installed it, try refreshing the editor. In rare cases, another plugin may be blocking custom blocks — try deactivating other plugins one by one to identify conflicts.

My table shows as a blank block or an error in the editor. The table may have been deleted from the WP Table Builder dashboard. Open WP Table Builder → All Tables and check if the table still exists. If it was deleted, remove the block and insert a new one.

Changes I made in the table editor aren’t showing on the frontend. Click Save Table inside the WP Table Builder editor overlay before closing it. Then update the post. If you’re using a caching plugin, purge the cache for that page.

Frequently asked questions

Related docs

• How to Create Your First Table in WP Table Builder — build your first table step by step
• How to Add a Table in Elementor — Elementor integration guide
• How to Use WP Table Builder with Divi — Divi integration guide
• How to Make a Table Responsive — responsive settings
• How to Disable Theme Styles for Table — fix theme style conflicts