Twenty ten – remove page-title space/padding

• 

  gbraviation · Member · Jun 18, 2011 at 12:13 pm

  • Copy link
  • Add topic to favorites

  I am using the twenty ten theme and would like to remove the space that the page title takes up. I dont want to have a page title before my page text/content or a large space/padding. Does anyone know the css code to remove this like I have done with the site/blog title and padding http://gbraviation.wordpress.com

  Thanks

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

• 

  stephenhwatson · Member · Jun 19, 2011 at 3:01 pm

  • Copy link

  I’m confused: since the title is gone at the gbraviation website, why are you asking? Did you solve the problem?

  Anyways, I did it by setting the size of everything in the title to 0 (see ottawatrainexpo.wordpress.com). Klugey, but it did the job.
  
#site-title {
float:left;
font-size:0;
line-height:0;
width:0;
margin:0;
}

  #site-description {
  clear:right;
  float:right;
  font-size:0;
  line-height:0;
  width:0;
  margin:0;
  }

• 

  stephenhwatson · Member · Jun 19, 2011 at 3:27 pm

  • Copy link

  Oops, just found a better way on a different forum thread:
  
#site-title {
display: none;
}

  #site-description {
  display: none;
  }

  As you can probably tell, I’m new at this, and learning CSS as I hack through the stuff I want to change.

• 

  gbraviation · Member · Jun 20, 2011 at 3:57 pm

  • Copy link

  Hi ottawatrainexpo, Yes, I had found a way to remove the ‘site-title’ but its the ‘heading’ (page-title/entry-title??) between the navigation bar and the page text that I want to remove….elp!!!

  Thanks

• 

  gbraviation · Member · Jun 20, 2011 at 4:00 pm

  • Copy link

  I also want to get rid of the space it leave so the text is visable 20px below the nav bar??

• 

  thesacredpath · Member · Jun 20, 2011 at 5:39 pm

  • Copy link

  You have no content on the pages so I cannot look at any sort of spacing between the body content and the nav so all I can do is hide the title. Until you get body content on a page there is no way to adjust that spacing.

  .page #content .entry-title {
  display:none;
  }

• 

  thesacredpath · Member · Jun 20, 2011 at 5:41 pm

  • Copy link

  Actually there is a bit if body text on the home page. The above shifts that up to where the title was.

• 

  gbraviation · Member · Jun 20, 2011 at 6:17 pm

  • Copy link

  Thanks thesacredpath, thats done the job – I appreciate your help!!

• 

  thesacredpath · Member · Jun 20, 2011 at 7:11 pm

  • Copy link

  You are welcome.

• 

  richwoodward · Member · Jun 20, 2011 at 8:33 pm

  • Copy link

  This was helpful, but how do you alter the padding between the menu and the body text once you have removed the page title? On the twenty eleven theme, even shifting the body text up to where the page title was leaves a big white gap between the menu and the body text.

  Many thanks in advance!

• 

  thesacredpath · Member · Jun 20, 2011 at 11:05 pm

  • Copy link

  @richwoodward, we need a link to the site you are talking about.

• 

  richwoodward · Member · Jun 21, 2011 at 6:35 am

  • Copy link

  sorry — http://carvingnature.wordpress.com/

• 

  thesacredpath · Member · Jun 21, 2011 at 7:06 am

  • Copy link

  Here you go.

  #access {
  margin-bottom: 0;
  }
  
  #main, .entry-content, .entry-summary, .singular.page .hentry {
  padding: 0;
  }
  
  .page .entry-title {
  display:none;
  }

• 

  richwoodward · Member · Jun 21, 2011 at 7:42 am

  • Copy link

  thanks, that’s great.

• 

  thesacredpath · Member · Jun 21, 2011 at 7:43 am

  • Copy link

  You are welcome.