Header image has glitch

  • sallydropout

    (@sallydropout)


    16 years, 5 months ago

    Hi all,

    I have just installed a new theme, Modernpaper 1.0 by Performancing, and I have added my own header image.

    If you go to my site, dropoutdiaries.com you will see that the header image by and large looks fine, but on the right hand side it has added a little strip a few pixels wide.

    Does anyone know how I can get rid of this – or at least suggest things I could try out? I am absolutely stumped as to what is causing it!

    Many thanks,
    Sally

Viewing 3 replies - 1 through 3 (of 3 total)
  • shadow

    (@shadow)

    16 years, 5 months ago

    Try changing this in your css:

    background-image:url(images/blog_header2.jpg);

    to this:

    background-image:url(images/blog_header2.jpg) top left no-repeat;

    Thread Starter sallydropout

    (@sallydropout)

    16 years, 5 months ago

    Thanks for the suggestion. Unfortunately it didn’t work – the image disappeared.

    However, I now think the problem might have something to do with the fact that there are two references to the header image in the stylesheet.

    One is under #header and one is under .headerleft.

    I tried commenting out first one and then the other. When I remove the .headerleft reference, the header image looks fine but the rest of the page (nav bar and content) loses its formatting .

    When I remove the #header reference, the rest of the page is fine but the header image goes to the top left of the window and loses formatting.

    I’m still stumped!

    Thread Starter sallydropout

    (@sallydropout)

    16 years, 5 months ago

    *bump* to see if anyone can help – cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Header image has glitch’ is closed to new replies.