Open In App

How to remove page title from twenty/twenty theme ?

Improve
Improve
Like Article
Like
Save
Share
Report

WordPress is the most popular and powerful content management system (CMS) in the world, powering over 810 million websites. WordPress allows you to create stunning and functional websites with ease, using thousands of plugins and themes to customize your site. One of the themes that WordPress offers is the Twenty/Twenty theme, which is designed to work well with the block editor. 

The Twenty/Twenty theme is ideal for creating dynamic and responsive pages, as well as elegant and readable blogs. However, there is one thing that you might want to change about the Twenty/Twenty theme: the page title. By default, the Twenty/Twenty theme displays the page title as a large heading at the top of the page, which might not suit your design or style preferences.

 In this blog post, we will show you how to remove page titles from the Twenty/Twenty theme, and why you might want to do that. We will also explain how this method works for any WordPress theme, not just the Twenty/Twenty theme. Let’s get started!

What’s the purpose of hiding the page titles?

Hiding page titles makes websites look cleaner and easier to read. When you remove the big titles at the top of the page, visitors can focus better on the main content. It’s like tidying up a room – less clutter makes things more pleasant. Many people prefer this because it improves how the website feels. In a survey, 73% of users said websites without big titles were more attractive. So, by hiding page titles, your website becomes more appealing and user-friendly, giving visitors a better experience.

People Also View:

How to remove the page title from the twenty/twenty theme?

Let’s see step-by-step how we can remove the page title for themes:-

  Step 1: Go to your website for which page title you want to remove.

website twenty/twenty theme

WordPress Website

  Step 2: Then go to the page for which you want to remove the page title, for demo here I’m going to my “Blog page”.

twenty/twenty theme page

Now we are on our blog page.

 twenty/twenty theme blog page

  Step 3: Now you have to go to the chrome developers tool, first you have to click on the three dots on the corner.

chrome developers tool

  Step 4: After clicking on the three dots, go to the “More Tools” option and then “Developers Tools”.

twenty/twenty theme tools

  Step 5: Then you have to hover over the “Blog Page” text and see its CSS class, and note it anywhere such as a notepad.

twenty/twenty theme Blog Page

  Step 6: After noting the title’s CSS class you have to go to your WordPress dashboard and hover over Appearance and then click on “Theme File Editor”.

Theme File Editor

  Step 7: Then go to the CSS style sheet of the twenty-twenty theme.

twenty/twenty theme

Step 8: Now what you have to do is to write the CSS code in the style sheet of the twenty-twenty theme and here you have to use the CSS class of the page title that you have noted by using Chrome’s developer tool.

   /* Custom CSS for hiding the page title */

.entry-title {
display : none ;
}

write the CSS code in the style sheet

  Step 9: And then click on Update File to update the CSS file of the twenty-twenty theme.

then click on Update File to update the CSS file

This is how you can remove the page title from the twenty-twenty theme.

remove the page title from the twenty-twenty theme.

 Step 10: Finally you have to go to your website page and refresh it and if the changes don’t display then remove the cache by pressing CTRL + F5 and your page title of twenty-twenty theme is removed successfully.

remove the cache by pressing CTRL + F5

This is how you can remove the page title in the twenty-twenty theme.

Conclusion

Remove page title from the Twenty/Twenty theme in WordPress can enhance the visual appeal of your website and create a cleaner, more user-friendly experience for visitors. The step-by-step guide provided above outlines the process using Chrome’s developer tools and the WordPress Theme File Editor. This customization not only applies to the Twenty/Twenty theme but can be adapted for other WordPress themes as well.

Also Explore:

How to remove page title from twenty/twenty theme? – FAQs

Is it necessary to use Chrome’s developer tools to find the CSS class of the page title?

 While Chrome’s developer tools are used in this guide, similar tools in other browsers can achieve the same result. The key is to identify the CSS class of the page title you want to hide.

Can I use a plugin to remove the page title instead of editing the theme’s CSS directly?

 Yes, there are plugins available in the WordPress repository that allow you to hide page titles without manually editing the theme’s files. Ensure the plugin is compatible with your WordPress version and theme.

Will removing the page title affect SEO?

Hiding the page title with CSS does not impact SEO, as the title remains in the HTML code. However, consider the SEO implications of completely removing page titles, as they play a role in search engine rankings and user understanding.

Can I use this method for other WordPress themes?

 Yes, the same process can be applied to any WordPress theme. Identify the CSS class of the page title using developer tools and then add a custom CSS rule in the theme’s style sheet.

Is it advisable to make direct changes to the theme’s files?

While direct editing of theme files is a common practice, it’s essential to create a child theme or use a site-specific plugin to add custom CSS. This ensures that your changes won’t be lost during theme updates.



Last Updated : 20 Mar, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads