Text Icon (Pro)

Icons are beautiful and eye-catching. What makes an icon more interesting is having text with it.

Yes, text with an icon makes things more attractive and understandable.

WP Table Builder Pro offers an element called ‘Text Icon’ that lets you add text beside an icon.

Let’s see how to add ‘Text Icon’ to a table.

Text Icon Options

The Text Icon element has some versatile functions to make your Text Icons look incredible. Text Icon Options are divided into three tabs: General, Text, and Icon. 

Let’s take a look at them one by one. 

General

In the General tab, you will find the primary options. 

Icon Spacing

This option allows you to adjust the space between the icon and your text. The input value is based on pixels. First, select the Text Icon element in table (1) and use the icon spacing slider to adjust the spacing between the text and icon (2).

List Alignment

Here, you can select your content and icon alignment. By default, element alignment is always left alignment. You can change the content and icon alignment. Select the Text icon element in the table (1) and then adjust the alignment from the List Alignment (2).

Text

The Text Tab includes font size and text color options.

Text Color

Here, you will get the option to set font size and text color. Put your text color in the hex code or select the custom color with the color window.

Font Size

Set your desired font size through the Font Size option. 

Icon Tab

The Icon tab contains the settings related to icon and icon decoration. 

List Icon

You can change the icon for the particular List Icon element using the option. Select the element (1), click on the icon of the List Icon (2), and choose your icon (3).

Icon Size

With this option, you can reduce or increase the size of the icons. The size input is based on pixels. 

Icon Color 

You can select icon colors to make your table content look great. You can choose your icon’s color by inputting a hex code or selecting the color from the color window. 

Icon Location

Set your icon’s location either after the text or before the text. If you want to place your icon before the text, choose the icon location on the left. Choose the right to place the icon after the text. By default, the icon is placed before the text.

We hope this documentation has helped you understand the functionality of this pro element of WP Table Builder. 

Let us know your thoughts and questions in the comment box.