Formatting for individual pages

  • Author
    Posts
  • #1040098

    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 annemariesanderson.com.

    #1040156

    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.

    #1040158

    Yay, thankyou! That’s great :)

The topic ‘Formatting for individual pages’ is closed to new replies.