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. This will cause the "Show Post Tags" field to be displayed.
- 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;
}Related Post: Adding CSS to the Divi Theme
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.
0 Comments