This guide will explain how we can eliminate separators in the Blog Module Post's meta information.
Notes:
A custom CSS class must be set on a Blog module to ensure the following changes apply only to that module.
All Blog modules with the same CSS class set will have the separator eliminated in each Post's meta.
Open the Blog module module settings
Go to the Advanced Tab → CSS ID & Classes → CSS Class
In the CSS Class input field, type in divi-blog-separators
Go to Divi → Theme Option → Integration tab → Header
Paste in the following JS code:
<script>
(function ($) {
$(document).bind('ready ajaxComplete', function () {
$('.divi-blog-separators .post-meta').each(function () {
$(this).html($(this).html().replace(/\|/g, " "));
$(this).html($(this).html().replace('by', " "));
$(this).html(jQuery(this).html().replace(/,/g, ""));
});
});
})(jQuery)
</script>
The result can be seen in the screenshot below:
