(Squarespace) How to Hide Publish Date and add Updated date

[tuanphan]

To hide Publish Date and add Updated date, like this.

#1. First, use this code to Custom CSS
You can also use this free blog tool so you can customize blog easier without using code.

/* last updated */
.blog-meta-item--date {
    display: none !important;
}
.blog-meta-item--last-update {
    margin-right: 15px;
    display: inline-block;
}

#2. Next, use this code to Code Injection > Footer

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (document.querySelector('.blog-item-top-wrapper')) {
        var publishDate = document.querySelector('.blog-meta-item--date');
        if (publishDate) {
            publishDate.style.display = 'none';
        }
        
        var authorDiv = document.querySelector('.blog-meta-item--author');
        if (authorDiv && publishDate) {
            var dateText = publishDate.querySelector('span').textContent;
            var lastUpdateElement = document.createElement('div');
            lastUpdateElement.className = 'blog-meta-item blog-meta-item--last-update';
            lastUpdateElement.innerHTML = 'Updated: ' + dateText;
            authorDiv.parentNode.insertBefore(lastUpdateElement, authorDiv);
        }
    }
});
</script>

#3. You can change Updated text here.