Missing header with custom CSS

  • Author
    Posts
  • #89198

    Hi here is my wordpress page: http://getarealitycheck.wordpress.com and I want to set this image as a header; http://img.photobucket.com/albums/v211/TheoUKHC/realitycheckbannersmall1.jpg

    I am having a LOT of trouble doing this using custom CSS! Could someone help me out. Thanks,

    -Theo, London

    #89532

    trent
    Member

    You have to have the URL of the image. If you want that particular banner, it would be something like this:

    #masthead {
    position:relative;
    top:0;
    background:url('http://img.photobucket.com/albums/v211/TheoUKHC/realitycheckbannersmall1.jpg');
    width:700px;
    height:225px;
    margin:0;
    }

    Not sure if that is the header part, but I think so. You have to call image complete URL’s with custom CSS because it is no longer relative to the original theme directory, but using your CSS sheet.

    Trent

    #89534

    drmike
    Member

    The URL should be:

    http://getarealitycheck.files.wordpress.com/2007/03/realitycheckbannersmall13.jpg

    I wouldn’t be polling from photobucket and you already have it in your space here.

    #89535

    you need to delete your custom header image on the custom header options page.

    you may still need to add an !important:

    div#masthead {
    background: transparent url(http://getarealitycheck.files.wordpress.com/2007/03/realitycheckbannersmall13.jpg) no-repeat scroll 0% !important;
    }
    #89687

    Thanks for your help! It’s sorted.

    #89690

    trent
    Member

    Good to hear! I marked the topic as “resolved”!

    Cheers,

    Trent

The topic ‘Missing header with custom CSS’ is closed to new replies.