Formatting for individual pages

• 

  annemariesanderson · Member · Oct 12, 2012 at 6:20 pm

  • Copy link
  • Add topic to favorites

  Hello!

  I’ve got my home page/posts page looking how I want it, but when I go to my other pages (bio, shows, etc), there’s some awkward spacing, a large gap appears before the heading. I’m not sure how to isolate the code for the pages in the CSS – can anyone help?

  Thankyou!

  Anne-Marie

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

• 

  designsimply · Member · Oct 13, 2012 at 1:31 am

  • Copy link

  To make an adjustment like that and limit it to just pages, add this to your Appearance → Custom Design → CSS editor:

  .page #site-description {
  	margin-bottom: 0;
  }
  
  .page h2 {
  	margin: 20px auto;
  }

  As you can see, there are two things that control the spacing: the margin below the site description and the margin above and below the page titles. You can adjust the numbers in the example above until the result looks good to you.

• 

  annemariesanderson · Member · Oct 13, 2012 at 1:48 am

  • Copy link

  Yay, thankyou! That’s great :)