Learn how to remove the title of a Genesis Framework entry in this tutorial by using a few lines of CSS.
If you want to hide the title of a particular post you can easily do it with code.
Snippet to remove the title in Genesis entries
Add the following fragment at the end of style.css:
To see this and another 917 code snippets of this website, login or subscribe here.
In this case, you’re hiding the title of the post with ID 1.
How do you find out the ID of a post?
You have 2 options:
- Go to edit the post and examine the url. In this case, you will see something like this:
https://osomcode.com/wp-admin/post.php?post=1&action=edit
The ID is the number right after post=, in other words, 1.
- Use the web browser’s inspector. In most browsers you can right-click to display the “Inspect” option.
There is also usually a keyboard shortcut similar to: Cmd + Alt + I.
When the inspector opens you will see many lines of code, but in this case you are only interested in the body:
Inside the body tag you will see different classes. One of them starts with postid- followed by a number. That’s the ID.
Conclusion
With a few lines of CSS code you can remove the title of the entry you want in Genesis Framework.
If you have any question, please leave it in the comments. And if you want to give me a suggestion for future snippets, please send it through the contact form.
Benefits of being a subscriber. 🙂
