Question

On this page, the title says it has a margin top & bottom of 25px (when I use inspect element in Chrome 10) – but the CSS looks like this:

.post h2 {
margin:0;
text-align: left;
font-size: 18px;
overflow:hidden;
font-weight:normal;
}

I’m trying to decrease the top and bottom margins around the title.

Here’s a screenshot of the problem:

Answer 1

As i can see there no problem in your class=titleand your h2 have this:

h2 {
    color: #000000;
    font-family: HarabaraHandItalic;
    font-size: 30px;
    padding: 0 0 0 15px;
}

and

.title {
      background: url("images/title.jpg") no-repeat scroll 0 0 transparent;
        margin: 0 0 0 0;
        padding: 0;
}

the url is not working and you can add margin in your h2 instead.