WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. adsleeblythe
    Member
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year 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 1 year ago #

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

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

  4. CyberSorcerer
    Member
    Posted 1 year 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. adsleeblythe
    Member
    Posted 1 year 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 1 year ago #

    Excellent contributions everyone :)

Topic Closed

This topic has been closed to new replies.

About this Topic