Header image problem

  • I’m calling for the image (900px x 180px) in the editor with this in the serenity theme:
    .header-image #header #title-area {
    background: url(images/logo.png) left top no-repeat;
    padding-left: 20px;
    }
    yet I’m not getting it to appear

    I’ve confirmed more than twice it is in the images folder in the Serenity theme with Filezilla

    not sure if my path, or what, is incorrect?

    any assistance would be greatly appreciated and I thank you in advance!!

    Jon

Viewing 8 replies - 1 through 8 (of 8 total)

  • without a link to your site, nobody will be able to suggest anything.

    Thread Starter 26sites

    (@26sites)

    Sorry about that, here it is: https://26sites-testing.com/hawkeye/
    the header image should appear above the nav bar

    There is this code that should display your header
    #header {
    background: url(“”) no-repeat scroll 0 0 transparent;
    }
    does not have any url in code and I see that this is in https://26sites-testing.com/hawkeye/
    so check if you have any theme options where you should enter a url

    Thread Starter 26sites

    (@26sites)

    here is the code I put that into my site
    #header {
    background: url(images/logo.png) no-repeat scroll 0 0 transparent;
    }
    with no results?

    Thread Starter 26sites

    (@26sites)

    so after your reply my steps were I took this out:

    ‘.header-image #header #title-area {
    background: url(images/logo.png) left top no-repeat;
    padding-left: 20px;
    }’

    and replaced it to be:

    ‘.header-image #header #title-area {
    background: url() left top no-repeat;
    padding-left: 20px;
    }’

    and put this in the editor above code above:

    ‘#header {
    background: url(images/logo.png) no-repeat scroll 0 0 transparent;
    }’

    Did you check if you have any theme options where you need to add url as I still do not see the url in the code.

    as ‘serenity’ is a commercial theme by studiopress, please contact them for support.

    general:
    if there could be conflicting styles, try to enforce yours with adding !important before the semicolon;

    example:

    #header { background: url(images/logo.png) center center no-repeat !important; }

    Thread Starter 26sites

    (@26sites)

    sorry i thought this was a wordpress forum

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