Learn how to remove the title of a page in Genesis Framework in this tutorial using a few lines of CSS.
If you want to hide the title of a particular page you can do it easily by using code.
Snippet to remove the title in Genesis pages
Add the following fragment at the end of style.css:
To see this and another 1097 code snippets of this website, login or subscribe here.
In this case, you are hiding the title of the page with ID 27.
How to find out the ID of a page?
You have 2 options:
- Go to edit the page and examine the url. In this case, you will see something like this:
https://osomcode.com/wp-admin/post.php?post=27&action=edit
The ID is the number right after post=, in other words, 27.
- 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 page-id- followed by a number. That’s the ID.
Conclusion
With a few lines of CSS code you can remove the title of the page you want in Genesis Framework.
Any questions? Let me know in the comments.
And if you want to give me any suggestion for future tutorials, leave it in the contact form. Advantages of being a subscriber. 😉
