Asset 2Asset 5Asset 6Asset 3Asset 2 1Asset 4

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 1Heading 2Heading 3Heading 4Heading 5
Pellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitant
Pellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitant
Pellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitant
Pellentesque habitantPellentesque habitantPellentesque habitantPellentesque habitantPellentesque 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

 

tablepress

<!-- 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>