Change Table Font Size - Ultimate WordPress Plugins By Supsystic

Trang chủ » Html Td Style Font Size » Change Table Font Size - Ultimate WordPress Plugins By Supsystic

Có thể bạn quan tâm

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

Please note that it does not discuss how to change font size in WordPress or how to change font size in html.  It is purely within the Data Table Plugin environment.

To make your changes, follow these instructions:

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

Data-Table-CSS-editor

  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.
WPCom_Markdown class is not exists

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

Here is an example of the normal Table –

ItemCostSoldProfit
Keyboard10016060
Monitor18020020
Mouse572
Final Result82
WordPress Tables Plugin

and Data Table with added code –

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

ItemCostSoldProfit
Keyboard10016060
Monitor18020020
Mouse572
Final Result82
WordPress Tables Plugin

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

Từ khóa » Html Td Style Font Size