Jump to content

How can I hide the date on blog posts?

Go to solution Solved by Guest,

Recommended Posts

Posted (edited)

Can you provide me with some code that I can inject into individual blogs so that it removes the date on individual posts in that blog?

Would be much appreciated.

Thanks in advance!

Edited by Testing2134
retag
Posted (edited)

<style>
   .post-meta { visibility: hidden }
</style>

Edited by silvabokis

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
You might want to check out my
Squarespace Template Finder or read my Squarespace tips
Speaking of tips, 💲I've got a tip jar. Feel free to throw a few quid into if you think I've helped you. 

If you're looking for a Squarespace developer Book a chat or Drop me a line - first meeting is always free  

 

Posted (edited)

Always be sure to remove any code you add that does not work.

To add this snippet of custom CSS to your site, just click the CSS button inside the Style Editor and paste the code below:


.display-icons-in-post-footer .entry-date {
 display: none;
}

That should do the trick.

To hide the date only in one specific blog, preface this code with the unique collection id class found on the BODY tag. In your case, this class is collection-51bbee6be4b0405092e5f752 – so the snippet would look like this:

[code].collection-51bbee6be4b0405092e5f752.display-icons-in-post-footer .entry-date {  display: none;}
Edited by esquareda
Posted

Great thanks very much. I've got several blogs on the site and I want to show the dates on all of the blogs but one. Will this stop the dates on all blogs? Is there a way to just stop dates on one blog?

Thanks very much!

Posted

I'm wondering the same thing - would love to have the dates show on my main blog - but the section{s} that I'm running as a directory - I want to have the dates hidden. Right now I have the dates hidden on all pages which isn't my ideal choice.

  • 6 months later...
Posted

@eanderson I tried the code you supplied above on this page -> www.weatherbrand.com/darkchamberindex Im not seeing any results.

any suggestions. Im sure I have the correct collection id but maybe I'm wrong. Thanks for your help.

  • 1 year later...
  • Solution
Posted (edited)

If you use right-click and inspect the element (the date on the blog post) it will reveal a class. In my template it is the following:


<time class="published" datetime="2015-02-13" id="yui_3_17_2_2_1423862213264_2970">February 13, 2015</time>

The class of the date element is published. I can then open up the Custom CSS Editor and enter the CSS below and quickly get rid of the date. As you can see the class is referred to with a dot “.”

.published { display: none }

Edited by rlr297
  • 1 year later...
  • 2 years later...
Posted (edited)

This worked to hide the date on my blog summary page (Thanks!), but the date still shows up on each blog post associated with that particular blog. What do I add to to hide those?

Edited by caitlin
Initial Revision
  • 1 month later...
  • 8 months later...
Posted
On 6/17/2013 at 9:05 PM, eanderson said:

Always be sure to remove any code you add that does not work.

To add this snippet of custom CSS to your site, just click the CSS button inside the Style Editor and paste the code below:



 

.display-icons-in-post-footer .entry-date {
 display: none;
}

 

 

That should do the trick.

To hide the date only in one specific blog, preface this code with the unique collection id class found on the BODY tag. In your case, this class is collection-51bbee6be4b0405092e5f752 – so the snippet would look like this:

 


[code].collection-51bbee6be4b0405092e5f752.display-icons-in-post-footer .entry-date {  display: none;}

Hi. I am trying to do exactly the same thing with a site I am creating. Where do I find the collection id class for my blog. The site is https://heseltinegallery.squarespace.com (pw: michael) and the blog page I want the dates not to show on is Meet the Committee. Any help would be greatly appreciated. Thank you. Lynne

  • 2 years later...
Posted
35 minutes ago, Yenna said:

Hi, I have the same problem and no idea how to solve it 😞 I tried the codes mentioned above but none of them seem to be doing the magic 😞

Your site is v7.1. The posts in this thread are pretty old and most predate v7.1 so the CSS selectors won't work.

You probably don't need CSS for this task. Edit the blog page section and change the format settings as desired.

878597359_ScreenShot2022-04-18at3_22_42PM.thumb.png.796c994adfbbb1a9168b5a6e2cbbbb31.png

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.