Removing Titles

Site URL: https://www.hydroandhomestead.com/blog/making-orgeat

I would like to remove the titles from my posts because I will be making graphics instead. This code works: 

.blog-item-title h1.entry-title {
    display: none !important;
}

However, it removes my ability to give my posts a title so it is hard to keep track of them. I still want to name the posts, but not have the titles displayed. 

5 minutes ago, HandH said:

This code works. However, it removes my ability to give my posts a title.

What happens when you name them? The CSS above should hide the title from visitors.

5 hours ago, paul2009 said:

What happens when you name them? The CSS above should hide the title from visitors.

It does hide the title, but it also hides it from me. Once I add it, I can't add titles anymore or edit old ones. Strangely, I can see older titles, but I can't name pages anymore. I attached a couple of screenshots. One shows how the blog menu looks without a title and included how a blank post looks with and without the code. I guess the main problem for me is I can't find a way to name a post other than adding it in the post itself. I can change its url but it will still be listed as no title. 

VS

23 hours ago, HandH said:

It does hide the title, but it also hides it from me. Once I add it, I can't add titles anymore or edit old ones.

Thanks for explaining.

On Squarespace you used to be able to edit blog posts in a small editor where this CSS wouldn't apply, but now you are editing full screen, the titles will disappear for you too!

Try using this instead, so that the titles are only hidden when not in edit mode:

:not(.sqs-edit-mode).blog-item-title {
  display:none!important; 
}