Hiding Page Title – Modularity Lite

• 

  livinglazy · Member · Nov 22, 2012 at 10:03 pm

  • Copy link
  • Add topic to favorites

  Hey all,

  I’m trying to hide the title of my page called “Home” in Modularity Lite. Thanks in advance.

  The blog I need help with is: (visible only to logged in users)

• 

  livinglazy · Member · Nov 28, 2012 at 10:14 pm

  • Copy link

  Anyone have anything for me?

• 

  janicecyching · Member · Dec 3, 2012 at 1:28 am

  • Copy link

  You can try creating your own menus in the appearence > menu section
  and not add the Home link on it.

• 

  livinglazy · Member · Dec 3, 2012 at 3:12 am

  • Copy link

  Thanks, but I still want the page to be selectable on the menu, but I just want to hide “Home” heading on the page.

  I’ve tried to make the page without a name, which worked, but I’m guessing that would probably create problems down the road for navigation and editing.

• 

  designsimply · Member · Dec 3, 2012 at 7:12 pm

  • Copy link

  Here are some examples to help you.

  To hide all page titles on the Modularity Lite theme, add this to your Appearance → Custom Design → CSS editor:

  .page h2 {
  	display: none;
  }

  To hide the page title for a specific page, open the page in a browser and look at the body tag in the page source. There will be several and one will have an ID number in it and that can be used to target CSS to just one specific page. So, for your home page at http://lpcy.wordpress.com/ there is a body class named “page-id-2” which means you can use CSS like this to hide the title for just that page only:

  .page-id-2 h2 {
  	display: none;
  }