Change font size for one column/row

In order to change font size for one column at Data Tables plugin, follow next instruction:

  1. Open the table you need to edit in Data Tables plugin by Supsystic.
  2. Go to CSS tab and insert there:
  3. #supsystic-table-1 td:nth-child(4) {
    font-size: 20px;

    • supsystic-table-1 – 1 change to your table id
    • td:nth-child(4) – 4th column of the table
    • Additional settings for changing column/row by CSS codes:

    • tr:nth-child(4) – 4th row of the table
    • td:first-child – for first column
    • tr:first-child – for first row
    • td:last-child – for last column
    • tr:last-child – for last row
  4. Save changes.

You can change font-size as you want. Also you have ability to set other font option, for example – font-family.
Here we show you result with adding code into CSS Table editor:

#supsystic-table-158 tr:last-child {
font-size: 24px;
font-family: "Times New Roman", Times, serif, bold;

Table in the begining

WordPress Tables Plugin

The Table after CSS code was added

WordPress Tables Plugin
Latest Articles