How to add blog title when code used to hide them

I previously used some code as advised on this forum to hide blog titles. I can't remember exactly what I did but the code I have looks like this: 

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

I now want to add a new blog post, but now have no way to add a title. This is what I see on the left-hand menu and at the top.

How do I fix this?

Thanks

Hi @EmmB, you can simply remove the code:

1. Navigate to Pages > Website Tools > Custom CSS.
2. Delete the code in the CSS editor.
3. Hit Save and you’re done

Hi, thank you but the code is there to sort some presentation aspects of the blog posts, so if I remove it I have the same issue that led me to add the code in the first place! 

Hi again, @EmmB. I understand. But when removing the code, does the title works fine?

I haven't yet removed the code because of the risk of what it will do to the existing blog posts. I was hoping to find a solution from others who might have done something similar. I think others have asked this before, but they and the responses were very technical and I wasn't able to follow them!

I deleted the code, added a title then reinstated the code and that seems to work. It seems a bit of a faff so if there is a better way it'd be great to hear it. But for now, problem solved.

21 hours ago, EmmB said:

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

I now want to add a new blog post, but now have no way to add a title. 

You can use this, so that the blog title is hidden but it shows when you are in Edit mode so you can still edit it. So to see the title, you have to click on Edit.

/* Hide blog title except when in edit mode */ 
body:not(.sqs-edit-mode-active) .blog-item-title {
  display: none !important;
}

Let me know how it goes.

@melody495

Thank you. That worked a treat!