Please help with image placement….

  • pookieguy

    (@pookieguy)


    16 years, 2 months ago

    Hello,

    I’m wondering if someone can help me place an image in the right spot on the header of my theme.

    Please see this page….

    http://www.extrememhz.com/laura

    I would like the image of the “Diver” on the right of the blog name. I tried to modify the code of the theme but can’t get it to display on this area.

    If you can provide the code to do this, I would appreciate it!

    Thanks,

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

    (@esmi)

    16 years, 2 months ago

    How big is this image in pixels? Width? Height?

    Thread Starter pookieguy

    (@pookieguy)

    16 years, 2 months ago

    Hi esmi,
    Image of diver is 167×90 pixels.

    Thanks,

    esmi

    (@esmi)

    16 years, 2 months ago

    FTP into your site (or use whatever file management application your host provides) and upload your diver images (eg diver.jpg) to your current theme’s images folder.

    Then try editing style.css and change:

    h1 {
color:#fff;
font:italic 600 2.3em/0.6em georgia,'times new roman',serif;
margin-top:25px;
padding:12px 0 8px 74px;
}

    to

    h1 {
color:#fff;
font:italic 600 2.3em/0.6em georgia,'times new roman',serif;
margin-top:25px;
padding:12px 180px 8px 74px;
background:url(images/diver.jpg) no-repeat right center;
min-height:90px;
}
    Thread Starter pookieguy

    (@pookieguy)

    16 years, 2 months ago

    esmi,
    Thanks for the info.

    Yes, that worked. However, it is all the way to the far right now.

    See here…

    http://www.extrememhz.com/laura

    I kinda like it this way but is there a way to display it right next to the right of the blog name? (A1A Scuba) ??

    Thanks

    esmi

    (@esmi)

    16 years, 2 months ago

    h1 {
background:url("images/ScubaDiver.gif") no-repeat right top;
color:#fff;
display:inline-block;
font:italic 600 2.3em/0.6em georgia,'times new roman',serif;
margin-top:25px;
min-height:90px;
padding:12px 180px 8px 74px;
}
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Please help with image placement….’ is closed to new replies.