Hiding page titles

• 

  aforgeofphoenix · Member · Jul 3, 2016 at 9:29 pm

  • Copy link
  • Add topic to favorites

  Hello

  How can I hide the page titles at the top of my pages?

  I have been trying to get rid of the words ‘HOME’ ‘ABOUT’ etc on my actual web pages. They are put there automatically and I can’t figure out how to remove them.

  What CSS code do I need to use?

  Thank you.

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

• 

  hallluke · Member · Jul 4, 2016 at 6:42 am

  • Copy link

  Try adding this to your custom CSS rules:

  body.page .entry-title {
      display: none;
  }
  body.page .entry-content {
      padding-top: 40px
  ;}

• 

  erinaki2013 · Member · Jul 6, 2016 at 8:43 am

  • Copy link

  Hi!

  I used this short-code but my “News” (e.i Blog) does not disappear. All the other headlines disappear. Why is this?

  https://artbytornroth.com/news/

• 

  hallluke · Member · Jul 6, 2016 at 9:11 am

  • Copy link

  The blog page is a little different from regular pages, try swapping out the first rule I gave you before for this one:

  body.page .entry-title, body.blog .page-title {
  	display:none;
  }

• 

  aforgeofphoenix · Member · Jul 6, 2016 at 1:30 pm

  • Copy link

  Thank you!

• 

  erinaki2013 · Member · Jul 7, 2016 at 7:39 am

  • Copy link

  It works fine, though the “shop” title is still showing…

• 

  hallluke · Member · Jul 7, 2016 at 8:22 am

  • Copy link

  If you want to hide the titles for all pages then use this:

  body.page .page-header {
  	display: none;
  }
  body.page .block-grid {
  	margin-top: 0;
  }

  If you just want to hide it on the shop page then use this instead:

  body.page-id-1763 .page-header {
  	display: none;
  }
  body.page-id-1763 .block-grid {
  	margin-top: 0;
  }