Trouble moving a picture with overlap on CSS, theme 2011

  • danielmoores · Member ·

    I have managed to get a logo at the top of my web page above the header.

    I’m having problems separating the two parts.

    I want Daniel Moores to appear on the left, and where the logo is now is perfect. What ever i try to change on the CSS it starts changing everything else. Its hard to explain, but I just basically need to move “Daniel Moores” to the left without everything else changing.

    Hopefully someone can help.

    #site-title {
    background:url(‘http://danielmoores.files.wordpress.com/2012/03/scale-website1.jpg’) no-repeat scroll 0 0 transparent;
    height:60px;
    width:300px;
    margin:0 25em -4em;
    padding:1.3em 3em;
    }

    #site-title a,#site-description {
    display:Daniel Moores;
    margin:25px 0 0;
    padding:1.3em 0;
    }

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • danielmoores · Member ·

    Also my website link http://danielmoores.wordpress.com

  • designsimply · Member ·

    To just move the #site-title left without affecting any of the other CSS you’ve added, try adding this to the bottom of your Appearance → Custom Design → CSS page:

    #site-title a {
  margin-left: -50px;
}

    Adjust the number as necessary.

  • The topic ‘Trouble moving a picture with overlap on CSS, theme 2011’ is closed to new replies.