Change Table Font Size

This instruction will show you how to change the font size in your table.

To make your changes, follow these instructions:

1. 1. Open the table that you need to change.
   2. Go to the CSS tab of your Data Table plugin.

1. On the CSS editor paste this shortcode:
   #supsystic-table-1 {
font-size: 20px;
}
   • instead of 1 – insert your table ID number;
   • instead of 20px – insert the font size that you want.

You can also set other font settings here.  For example, you can set the font-family.

Here is an example of the normal Table –

and Data Table with added code –

#supsystic-table-1 {
font-size: 22px;
font-family: "Times New Roman", Times, serif;
}

You can change the font size in all your rows (except the header) by adding this code:

#supsystic-table-1 tbody td {
font-size: 10px;
}

where 1 – is the ID of your table and 10px is the size of your font.

In addition, you can change the size of data table rows (except for the header row).

All you need to do is enter this code in the CSS tab:

#supsystic-table-1 tbody td {
line-height: 12px;
}

where 1 – is the ID of your table and 12px – is the width of the rows (in pixels).