Change Font Size For One Column/row - Supsystic

Trang chủ » Html Td Style Font Size » Change Font Size For One Column/row - Supsystic

Có thể bạn quan tâm

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
  3. 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

ItemCostSoldProfit
Keyboard10016060
Monitor18020020
Mouse572
Final Result82
WordPress Tables Plugin

The Table after CSS code was added

ItemCostSoldProfit
Keyboard10016060
Monitor18020020
Mouse572
Final Result82
WordPress Tables Plugin

Từ khóa » Html Td Style Font Size