Tables

We have created two table styles, which you may use to display information on your site. We encourage you to create your own tables within your child theme, but never use a table for website layout.

Sample front view:

Heading 1	Heading 2	Heading 3	Heading 4	Heading 5
Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant
Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant
Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant
Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant	Pellentesque habitant

TablePress Plugin

TCU includes a plugin so you may create and manage tables without the use of HTML code. Download the CSS file below and copy the CSS contents into TablePress > Plugin Options > Custom CSS to utilize.

TablePress CSS file


<!-- Table without a border -->
<table class="tcu-table">
	<tr>
		<th>Firstname</th>
		<th>Lastname</th>
		<th>Age</th>
	</tr>
	<tr>
		<td>Jill</td>
		<td>Smith</td>
		<td>50</td>
	</tr>
	<tr>
		<td>Eve</td>
		<td>Jackson</td>
		<td>94</td>
	</tr>
</table>


<!-- Table with a border -->
<table class="tcu-table--border">
	<tr>
		<th>Firstname</th>
		<th>Lastname</th>
		<th>Age</th>
	</tr>
	<tr>
		<td>Jill</td>
		<td>Smith</td>
		<td>50</td>
	</tr>
	<tr>
		<td>Eve</td>
		<td>Jackson</td>
		<td>94</td>
	</tr>
</table>