Deep dive into the Custom Content field
Back to: Enhancing your Views with advanced features
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>