Hide Comments status (format metadata) on blog posts

Hello, a few months ago, Woodmart updated how the metadata appears at the top of blog posts. This is not a very polished look, in my opinion. Are there CSS hooks that I can play with to format this better? (see attached screenshot)

At the very least, I would like to hide the Comments status (“Comments Off”) from the top metadata on all posts.

Thanks!

Attachments:

You must be logged in to view attached files.

Hi churchworks,

Thanks for reaching to us.

1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.single-post .wd-meta-reply{
    display: none;
}

:is(.wd-single-post-header,.post-title-large-image) .wd-post-meta {
    --wd-link-color: var(--color-gray-400);
    --wd-link-color-hover: var(--color-gray-500);
    display: flex;
    flex-direction: column;
    align-items: var(--wd-align); /* Changed from center to use the variable */
    gap: 10px;
    color: var(--color-gray-400);
}

.wd-meta-author {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--color-gray-400);
}

2. Remove On

Please add the below Custom CSS code to Theme Settings > Custom JS:

$(document).ready(function() {
    // Find the wd-meta-date div and remove "On" from its text
    $('.wd-meta-date').each(function() {
        let currentText = $(this).text().trim();
        let newText = currentText.replace('On ', '');
        $(this).text(newText);
    });
});

Regards,

[Author]

Posts