Search code examples
htmlmarginbloggerblogspot

Change top margin above page title in blogspot theme

Blogger.com has differences in how they display a blog post and a page. The blog post always has the date field above, which gives a bit extra space over the post title. On a page, the date is not displayed and the page title ends up very close to the top border of the text area.

Is there a way to change this or must I change all pages to posts?

Link to affected page: http://steinarnejensen.blogspot.no/p/birds.html

Solution

  • Go to Theme > Edit HTML and paste this before </head> tag

    <b:if cond='data:view.isPage'>
    <style>
        .post-title { margin-top: 20px; }
    </style>
</b:if>