I tried to follow the advice at http://drupal.org/node/409106 to substitute a header background image for the logo image; but not having any luck. I disabled the logo in the theme settings, and added the following code to local.css (also tried modifying style.css as an alternative)

#header {
background-color: #ffffff url(images/elit-logo.jpg) no-repeat;
}

Nothing shows up... I am using MAMP 1.7.2 and viewing on firefox 3.0.11 and Safari 3.2.1, and the path to the image is MAMP/htdocs/[sitename]/sites/default/files/images...so I also tried:

background-color: #ffffff url(/images/elit-logo.jpg) no-repeat;
background-color: #ffffff url(files/images/elit-logo.jpg) no-repeat;
background-color: #ffffff url(/files/images/elit-logo.jpg) no-repeat;

also tried variations on

background-image: url(/images/elit-logo.jpg) no-repeat; and

background-image: url(/images/elit-logo.jpg);
background-repeat: no-repeat;

ANy ideas? I also tried setting permissions to allow anonymous users to see original images, but no effect...can't see the header bg image even on admin role anyway...

Any help greatly appreciated!

Comments

jwolf’s picture

jwolf commented
Status: Active » Fixed

Change background-color to background:

background: url(images/elit-logo.jpg) no-repeat;

justbradford’s picture

justbradford commented

Tried that too, no joy... Seems like there might be some kind of path issue here. I even created a test block called Preface Logo to go in the Preface First block. Using an IMG tag and full html, still can't seem to get an image to display. Cleared the cache w Devel module controls and forced reload...nada.

Love the theme, just want to get a narrower Header band... Thanks!

justbradford’s picture

justbradford commented

(FYI, I *am* able to get images to display via Image attach, and the Random Image block works fine...can access and view image nodes...just can't seem to display image via a path...)

justbradford’s picture

justbradford commented
Status: Fixed » Active

Now I've had success with the test Preface First block (had to specify IMG tag as allowable in input formats)...but still no luck with the header area

vsr’s picture

vsr commented

I probably did it wrong, but it looks OK in Firefox. I just replaced the logo.png with the image I wanted. Then I went to the template page and toggled the logo option on. None of the other divs are in use.

Below is the output of the page. Do you have anything in the nested divs? If you do, you might have a background color covering the layer below. You could check "header-first and see if there is a background color. If so you might have to remove it. You could try and specify a height for the header and see if your image shows. If there is nothing in it it might collapse to nothing. 

      <div id="header-wrapper">
        <div id="header" class="clearfix">
          
                
          <div id="header-first">
             
            <div id="logo">
             
            </div>
                                              </div><!-- /header-first -->
  
          <div id="header-middle">
                      </div><!-- /header-middle -->

      
          <div id="header-last">
                      </div><!-- /header-last -->
      
        </div><!-- /header -->
      </div><!-- /header-wrapper -->

Hope that helps you.

jwolf’s picture

jwolf commented
Status: Active » Closed (fixed)