Positioning my header logo twenty ten theme

  • Resolved Adam Blythe

    (@adsleeblythe)


    11 years, 3 months 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!

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    11 years, 3 months ago

    Try changing this in your child theme:

    #header-logo img {
    border: medium none;
    float: none;
    margin-left: 43px;
    margin-top: -150px;
}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

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

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

    CyberSorcerer

    (@cybersorcerer)

    11 years, 3 months 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.

    Thread Starter Adam Blythe

    (@adsleeblythe)

    11 years, 3 months 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;
}
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 3 months ago

    Excellent contributions everyone 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Positioning my header logo twenty ten theme’ is closed to new replies.

Tags