Quattro Header Question

Community Forums Forums General Discussion Quattro Header Question

This topic is: resolved

Tagged: , ,

This topic contains 10 replies, has 2 voices, and was last updated by  AC 1 year, 4 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #57054

    mmnielson
    Participant
    Post count: 4

    Hello, is it possible to have a logo in addition to the title/description? I’d love to have my logo on the far left, then my title/description, then a search bar in the header right widget area. My site: http://matthewnielson.com/. Currently I have my logo in the right widget area with an image widget. Thanks!

    http://matthewnielson.com/
    #57177

    AC
    Blocked
    Post count: 7712

    Yes, open up your functions.php file. Look for support for header, you will see two sizes in there. Change the height/width to your logo size and then save it. Then go to Appearance > Header and upload your header/logo.

    #57188

    mmnielson
    Participant
    Post count: 4

    Ok, I did that. Now the title/description are imposed over the logo image. How do I get the text to move over so it’s to the right of the logo?

    Thanks

    #57189

    AC
    Blocked
    Post count: 7712

    Go back to Appearance > Header, scroll down and uncheck the Text Box.

    #57190

    mmnielson
    Participant
    Post count: 4

    Right so that got rid of the text altogether. I still want the text, but I want it to the right of the logo…

    #57191

    AC
    Blocked
    Post count: 7712

    Sorry, then put the text back and then I can look at the code.

    #57192

    mmnielson
    Participant
    Post count: 4

    No worries! I appreciate the help. I put the text back. http://matthewnielson.com.

    #57193

    AC
    Blocked
    Post count: 7712

    Look for #title-area as seen below. I’ve added “margin-left” and reduced the width to 380.

    #title-area {
    float: left;
    margin-left: 140px;
    overflow: hidden;
    padding: 0;
    width: 380px;
    }

    #57194

    AC
    Blocked
    Post count: 7712

    Oh and if you want the full logo to show up, look for this. I changed the min-height to 120px.

    #header {
    border-bottom: medium double #CCCCCC;
    margin: 0 auto;
    min-height: 120px;
    overflow: hidden;
    width: 100%;
    }

    #57196

    mmnielson
    Participant
    Post count: 4

    Perfect!! Thanks for your help. I appreciate it.

    #57200

    AC
    Blocked
    Post count: 7712

    You’re welcome.

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

The topic ‘Quattro Header Question’ is closed to new replies.