Showing Post Tags in the Post Title Module

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:

  1. Enable the "Post Title Settings > Content Tab > Elements > Show Meta" option. This will cause the "Show Post Tags" field to be displayed.
  2. Enable the "Post Title Settings > Content Tab > Elements > Show Post Tags" option

Here's how the settings should look:

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;
}
Here's the result:

Applying Post Tags to Existing Post Title Modules

If you already have a number of posts which include the Post Title module, and you'd like to bulk enable tags on them all at once, you can do so using Divi's preset option, as follows.

​1) Open the post title module settings on one of the posts. You should see a small "Preset: Default" link in the settings box, as highlighted in orange below. Click on it.

2) You should now see a menu of options, including one that called "Post Title Default Preset". Hover over that and click on its "edit" icon, as shown:
3) You'll now be presented with the grey ​presets view of the Post Title module settings. Enable the "Content > Elements > Show Post Tags" option:
​4) Now, click on the green check box to save the presets, save the module settings and update the page. You should now see tags displayed in the post title modules on all of your posts.

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

Hundreds of new features for Divi
in one easy-to-use plugin

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *