How Do I Add An Additional Image To My Header?

[kobra]

Are you adding this to the file in your ashley_pink template??

[Scully]

No...I'm working with the includes/templates/template_default/common/tpl_header.php file.

[gjh42]

Do you have a file /includes/templates/ashley_pink/common/tpl_header.php? If so, you need to put your new div there. If not, you need to copy the /template_default/common/ version into the /ashley_pink/common/ folder and do all your editing there.

The div's id is irrelevant to its location, except for your reading comprehension. It will have whatever styling and positioning you assign in a new #midheader {} rule in your stylesheet, and until you have that it will just inherit whatever other styling applies to it.

[Scully]

Yes, I do, but Kobra said I needed to work with the other file, back in Post #2, so I have been.

[gjh42]

Try adding to a copy for your template of

By this he meant make a copy of the file and put it under /ashley_pink/, or use the copy already there if there is one.

[Scully]

Okay, this is bad. I copied the line to the ashley_pink/common/tpl_header.php file, and now it is showing up...in the middle of the pink menu bar. That's not where it needs to be. How do I get it up into the header, where it belongs?

http://www.becca-sinh.com/zencart/

[gjh42]

It's not bad at all. You just need to position it as desired. Add to your stylesheet

#midheader {
    position: absolute;
    top: 23px;
    right: 12px;
    }

Adjust to taste.

[Scully]

Okay...where, exactly, should I add it? (I warned you up front that I'm a PHP moron........) LOL

The existing line says:

<div id="midheader">

Should it be:

<div id=#midheader {
position: absolute;
top: 23px;
right: 12px;
}>

??? Even to my clueless eyes, that looks really weird.


No, I just tried it, and it didn't work. Neither did putting the

#midheader {
position: absolute;
top: 23px;
right: 12px;
}

beneath the original line. So I'm officially lost...again. LOL

[gjh42]

Style rules always go in your stylesheet, in this case /includes/templates/ashley_pink/css/stylesheet.css.

Sometimes the exact location of the rule matters, but in this case it can go anywhere (except inside another rule or a comment:). You might put it at the bottom of the file or another place that makes sense to you.

[Scully]

Oh, I missed that part. LOL No wonder none of the other code in the tpl_header.php file didn't look like a good match.

Well, I put it at the very end of the stylesheet.css file, and uploaded it...and nothing changed. It needs to go in the upper right corner, in the white area to the right of the logo and the pink swirly vines.