Skip to content
Related Articles
Open in App
Not now

Related Articles

How to remove page title from twenty/twenty theme ?

Improve Article
Save Article
  • Difficulty Level : Expert
  • Last Updated : 27 Apr, 2022
Improve Article
Save Article

Twenty/twenty theme is a WordPress default theme that gives the flexibility of the block editor. And with the help of the block editor, the organization and businesses can create dynamic pages by using the groups and columns of the blocks which will show off the services and products on your WordPress website. 

And if you have a blog, you can use its centered content column and its typography which makes it perfect for your blog. Complete editor styles give you a good idea of what your content will look like, even before you publish it on your website.

Needs to remove the page title: In most WordPress themes, the page title is appeared on the page as the heading of the page and makes it look bad and not user-friendly. So for making our page more attractive and beautiful, we need to remove the page title of the theme that we are using or currently active on our WordPress website.

So here we are going to see how we can remove the page title for a twenty-twenty theme for our WordPress website, in fact, this method will work for every WordPress theme.

How to remove page title from 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.

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”.

Now we are on our 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.

  Step 4: After clicking on the three dots, go to the “More Tools” option and then “Developers 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.

  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”.

  Step 7: Then go to the CSS style sheet of the 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 ; 
                  }

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

This is how you can 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.

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!