Trying to move my blog title up

Question

Hi, I am trying to move my blog title up a little higher. If you will look at my blog you will see that the title & subtitle are too far down.

http://www.melissavenable.blogspot.com

The title (Little Mrs. Married) should be in the turquoise area above the pink line & the subtitle (some things...) should be right under the pink line, but still above where it is now. It was suggested me to put this

.descriptionwrapper {padding-bottom: 50px;}

or this

.descriptionwrapper {margin-bottom: 50px;}

in the HTML code above where it says but that didn't work. Any other ideas?

Thank you! Melissa

Answer 1

Padding on "#header h1" looks wrong...

Currently you have:

#header h1 {
font:220% 'Times New Roman',Times,FreeSerif,serif;
letter-spacing:0.2em;
margin:5px 5px 0 20px;
padding:60px 0 0;
text-align:left;
text-transform:uppercase;
}

please replace it with:

#header h1 {
font:220% 'Times New Roman',Times,FreeSerif,serif;
letter-spacing:0.2em;
margin:5px 5px 0 20px;
padding:30px 0 0;
text-align:left;
text-transform:uppercase;
}

PS.) If my post answers your question, please mark it as an answer with the green check box : ) That would help me out. Thanks.

Answer 2

You need to remove

padding: 60px 0 0;

in your #header h1 style.

Should look like:

#header h1 {
    margin:5px 5px 0px 20px;
    line-height:1.2em;
    text-align:left;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: normal normal 220% 'Times New Roman', Times, FreeSerif, serif;;
}