Deep dive into the Custom Content field

Using the Custom Content field – Learn how to add HTML, text, and merge tags to customize how your entries are displayed.

Timestamps:

  • 00:00 Intro
  • 00:20 Example #1: Creating a button
  • 03:51 Example #2: Adding an HTML table
  • 08:24 Example #3 Enhancing visual appeal

Code snippets used in the video

Example #1: Button

<a class="button" href="{Document:1}" download="">Download</a>

Example #2: Simple HTML table

<table class="socials-table">
	<thead>
		<tr>
			<th>Type</th>
			<th>Details</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Email</td>
			<td><a href="#" target="_blank">Business email</a></td>
		</tr>
		<tr>
			<td>Website</td>
			<td><a href="#" target="_blank">Website</a></td>
		</tr>
		<tr>
			<td>Phone</td>
			<td><a href="#" target="_blank">Phone</a></td>
		</tr>
	</tbody>
</table>

Example #3: Post meta with icons

<style>
    .post-meta {
      display: flex;
      gap: 10px;
      font-family: sans-serif;
      font-size: 14px;
      color: #444;
      align-items: center;
      padding-bottom:20px
    }
    .post-meta i {
      margin-right: 6px;
      color: #666;
    }
</style>

<div class="post-meta">
  <span><i class="fa-regular fa-calendar"></i>August 4, 2025</span>
  <span><i class="fa-regular fa-user"></i>Casey Burridge</span>
</div>

More resources