CSS for Table Component Title Text

We have many mobile app users who may need the title text of a table changed or many other cases where you may want to customize the text within the header or table cells for enhanced viewing. In the following code snippets, CSS will be provided for each.

The following will be placed directly into the page's CSS, and within the table, add the class of "table-style-2". Edit the code as it suits you.

Table Title Text

.table-style-2 h3 {
    color: #181C32;
    font-weight: 400;
    font-size: 15px;
    padding-left: 7px;
    padding-bottom: 10px;
    margin: 0;
}

Table Header Text

.table-style-2 table>thead>tr>th {
	font-weight: 600;
	color: #B5B5C3 !important;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	vertical-align: middle;
}

Table Row Cell Text

.table-style-2 table>tbody>tr>td {
	color: #3F4254;
	font-weight: 600;
    font-size: 14px;
}

Original Community Post:

https://community.tadabase.io/t/need-css-to-reduce-font-size-of-table-title-text/2026/4