Showing Post Tags in the Post Title Module

This post may contain referral links which may earn a commission for this site

The Divi Theme includes a Post Title module, that can be used to display the post title, meta data and feature image anywhere within a Divi Builder layout. While the meta data lets you display the post's categories below the title, there is no built-in way to display tags below the post title. Here's how to do it.

Display Tags in the Post Title Module using Divi Booster

Divi Booster (version 3.0.7 upwards) adds a new option to the Post Title module to display post tags as part of the post meta information. To use it on a Post Title module:

Enable the "Post Title Settings > Content Tab > Elements > Show Meta" option
Enable the "Post Title Settings > Content Tab > Elements > Show Post Tags" option

You should now see the post tags displayed, e.g:

Styling the Post Title Module Tags

Once you have your tags displaying, you may want to style them differently. For the most part, you can control them from the Post Title Module's Design tab (in the Meta Text subheading).

One thing you may want to change though is the separator. By default, Divi Booster uses a comma for consistency with the way the module displays categories. However, I've implemented the commas via CSS to make them easier to override. For example to display your tags as hashtags (i.e. get rid of the commas and add "hashes" to the start of the tags), you can use this CSS:

/* Post title module tags */
.dbdb_posttitle_tags a:before {
    content: '#';
}
.dbdb_posttitle_tags a:after {
    content: '' !important;
}
.dbdb_posttitle_tags a {
    padding: 0 4px;
}

Related Post: Adding CSS to the Divi Theme

Here's the result: