WordPress.org

Forums

[resolved] Positioning my header logo twenty ten theme (6 posts)

  1. Adam Blythe
    Member
    Posted 2 years ago #

    Hi,

    I have just successfully removed the site-title and site description from display and inserted my own #header-logo image in place of my site title. I referred to an old topic that helped me accomplish this. Credit to @alchymyth.

    I now want to position my #header-logo image in front of the body background-image that I have in place.

    Please visit my blog

    My #header-logo image currently sits just above the main navigation bar. I want it to sit infront of the 'brown tape' in my body background-image.

    I hope this makes sense.

    Your help is much appreciated!

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    Try changing this in your child theme:

    #header-logo img {
        border: medium none;
        float: none;
        margin-left: 43px;
        margin-top: -150px;
    }
  3. Andrew
    Forum moderator
    Posted 2 years ago #

    #header-logo {
     position: absolute;
     top: 35px;
    }

    http://www.w3schools.com/css/css_positioning.asp

  4. CyberSorcerer
    Member
    Posted 2 years ago #

    Hello adsleeblythe, put your "adamleeblythe_logo.png" image in a div and give it a class and use CSS to position it. Currently you just have it in an IMG tag.

    You can put CSS positioning in your IMG tags as an attribute if you choose to do it that way.

    Hope this helps.

    P.S. Ok looks like I was a little late in answering. Sorry.

  5. Adam Blythe
    Member
    Posted 2 years ago #

    Thanks Guys! Worked a treat!

    I've used

    #header-logo img {
    	border: none;
    	margin: 0px;
    	padding: 0 0 0 32px;
    	position: absolute;
    	top: 32px;
    }
  6. Andrew
    Forum moderator
    Posted 2 years ago #

    Excellent contributions everyone :)

Topic Closed

This topic has been closed to new replies.

About this Topic