Vertically Align Decor Header

Community Forums Forums Design Tips and Tricks Vertically Align Decor Header

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  RoxG 5 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #71141

    RoxG
    Participant
    Post count: 7

    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
    #71146

    braddalton
    Participant
    Post count: 7458

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

    #title {
        padding-top: 20px;
    }
    

    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #71149

    RoxG
    Participant
    Post count: 7

    Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.