How to Move the Logo Down

Community Forums Forums Design Tips and Tricks How to Move the Logo Down

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  Peter 1 year, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22983

    wp guy
    Participant
    Post count: 233

    Here’s the site I’m working on: http://comerfinancial.com/ – as you can see, the logo butts right up against the top. I want to move the logo down slightly but can’t figure it out. Any help is greatly appreciated.

    #23005

    Peter
    Participant
    Post count: 76

    You could either edit your logo.png file to add some white space to the top, or use some CSS code to position your logo a bit lower.. something like this should work;

    [css].header-image #header #title-area {
    background: url(images/logo.png) left 20px no-repeat;
    }[/css]

    #23012

    wp guy
    Participant
    Post count: 233

    Great! Thank you very much – worked perfectly. Just as a talking point, this piece of CSS doesn’t quite make sense to me. Why would “left 20px” push the logo down. I was looking for something like a top margin.

    #23014

    Peter
    Participant
    Post count: 76

    Glad that worked!

    The “left 20px” is the horizontal and vertical positioning of the background image..

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

You must be logged in to reply to this topic.