Header graphics wont show on local install

[HomesteadMom]

I've installed CMS made simple on a local install (wamp), install went smoothly but I've hit a bump.  I can not get my logo to replace the default one even after replacing the files, just get a blank box.  I've done a search and tried everything I can think of but no luck.  Any help would be much appreciated!
Thanks,


div#header {
  height: 200px; /* adjust according your image size */
 
}

div#header h1 a {
/* you can set your own image here */
  background: (.../uploads/images/logo1.gif);
  height: 200px;  /* adjust according your image size */ 
    display: block; 
  text-indent: -999em;  /* this hides the text */
 
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

[Dr.CSS]

Used to doing regular web sites?...

It should be...

background: url(uploads/images/logo1.gif);

[HomesteadMom]

I tried that still wont work.    The exact path I'm trying is:

background: url(/wamp/www/uploads/images/logo1.gif);

I'm almost sure I'm just missing something small but picky  ...

[HomesteadMom]

I'm still working on this if anyone has any ideas...I'v done a few blogs and designed my store in zencart still consider my self a beginner.  Still putting in a header graphic should not be this complicated!  It does not matter what path I've tried or changing files all I get is an empty box.  However I can get the colors to change...just not get an image in there...

[Dr.CSS]

Do you have a link?...

Is the template you are working with a default install template? if so it should have a {metadata} tag in the head which will give you a that is why you don't need the full path as in /wamp/www/

You do have the image in the uploads/images folder right?...

Can you go to Image Manager and see it? if so the path I show should be it...

background: url(uploads/images/logo1.gif)

The original line may have been...

div#header {
  height: 80px;    /* adjust according your image size */
  background: #385C72;         
}
div#header h1 a {
/* you can set your own image here */
  background: #385C72 url(images/cms/logo1x.gif) no-repeat 0 12px;
  display: block;
  height: 80px;            /* adjust according your image size */
  text-indent: -999em;  /* this hides the text */
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

Notice the lack of a / before the call and that it is just in the root images/cms folder, you should have it in the uploads/images folder and the path is url(uploads/images/logo1.gif) or whatever the name of the image is...

[HomesteadMom]

Yes I'm using the default install, the two column with the drop down menu.  Its setup on my local pc so I don't have a link.    I've managed to get all the other colors changed easily so far...
Yes I can see the logo in the image manager.  I changed the css to this but still can not get it to load...

div#header {
  height: 250px; /* adjust according your image size */
  background: #EECE79;
}

div#header h1 a {
/* you can set your own image here */
  background: url(uploads/images/logo1.gif);
  height: 200px;  /* adjust according your image size */ 
  display: block; 
  text-indent: -999em;  /* this hides the text */
 
  text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

[cubix]

can you try    background: url(./uploads/images/logo1.gif);

just a wild guess

[HomesteadMom]

can you try    background: url(./uploads/images/logo1.gif);

just a wild guess

No luck...

[Nullig]

Try:

Code: Select all

background-image: url(uploads/images/logo1.gif);

Also, can you post the "Header" portion of your template (not the ), so we can see what's there?

Nullig

[HomesteadMom]

Try:

Code: Select all

background-image: url(uploads/images/logo1.gif);

Also, can you post the "Header" portion of your template (not the ), so we can see what's there?

Nullig

I think this is the section you wanted?

{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet  "For template: Left menu + 1 column" *}
 







Also I tried a diffrent template and it had no problems insurting the header graphic but it's not the template I want  lol....

[Nullig]

OK, so somewhere in your header you need:

Code: Select all

<h1>{cms_selflink dir="start" text="$sitename"}</h1>

for the styling to apply.

Unless you just want your bg graphic for the header with no selflink, the you can put the graphic in the header div:

Code: Select all

div#header {
   height: 200px; /* adjust according your image size */
   background-image: url(uploads/images/logo1.gif);
}

Nullig