Vertically Align Decor Header

[RoxG]

Any suggestions on how I vertically align the text header in Décor theme?

http://www.roxinegrant.com

#header {
margin: 0 auto;
min-height: 140px;
width: 1140px;
}

#title-area {
text-align: center;
vertical-align: bottom;
margin: 25px 0 0;
overflow: visible;
padding: 0;
width: 800px;
}

#header .widget-area {
float: right;
padding: 20px 0 0;
width: 160px;
}
#title {
color: #fff;
font-family: 'Great Vibes', cursive;
font-size: 100px;
line-height: 1.1;
margin: 0
text-shadow: #000 -1px -1px;
}

#title a,
#title a:visited {
color: #e7cba4;
padding: 0;
text-decoration: none;
}

#title a:hover {
color: #fff;
}

#description {
color: #adadad;
font-size: 16px;
font-style: italic;
margin: -15px 0 0;
padding: 0;
text-shadow: #000 -1px -1px;
}

#header .widget-area {
float: right;
padding: 35px 0 0;
width: 740px;
}

http://www.roxinegrant.com

[Brad Dalton]

Try adding this at the end of your child themes style.css file before your Media Queries:

#title {
    padding-top: 20px;
}

---

Tutorials for StudioPress Themes.

[RoxG]

Thanks!

[Author]

Posts