Header - how to add text

[stampy]

Hi

on my site sentientcom.co.uk, I would like to add text to the header in the big white space between the SentientCom logo on the left and the Contact Details on the right.

I thought it would be in header.tpl but I can't see where I would put it. The contact details are in the blocksearch-header.tpl but that's no good to me either.

Any ideas anyone?

[5ummer5]

You have got the right file. You do need to add the content to "header.tpl" which is in your themes directory.

It will take some trial and error to get it in the right place, you will have to put your text in a new div and use floats to get it to apper correctly.

If you put your new div inside the div id "header" after {$HOOK_TOP} Give it a try and let me know how you get on.

Hope this helps

[stampy]

Hi

Thanks for that. I've managed to get some text on there now, and got it fairly central, but I need it higher up the page, as it doesn't display correctly on IE, or on Firefox on category pages.

I have worked out how to move it to the left or to the right, but how do I move it higher?!

Thanks again.

[5ummer5]

Hi,

Do you have the height issues in every browser? In the CSS for your new div you can add margin-top: -10px and just adjust the pixel height to suit your site.

[stampy]

Hi

The main issue was in IE, but in Firefox it was overlapping with some of the text lower down. I've tried what you suggested, and it's worked, so I'll have a play around with it to get it exactly right. I obviously need to learn some basic CSS.

Thanks a lot for your help, much appreciated.

[5ummer5]

Thats ok no problem

If you cant get it right accross all browsers with the single styles sheet then you can add conditional stylessheets. These basically see which browser the user has got and loads the appropriate stylessheet. I only use it for IE 7 and IE 6 really. That way you can have firefox with the margin set at

-10px 

IE7 set at

-25px

and IE6 set at something different. Its simpler than it sounds ;-) and it will look perfect accross all the popular browsers.

Let me know if u think u need those and i can point u in the right direction

[stampy]

Thanks again.

What I think I'd like to do is add a banner in that space - this should mean that I just need to alter the text etc each time I need to change it, and can use it for special offers etc.

Would I need to paste the banner into the stylesheet?

[5ummer5]

Yep that right.

If you just add it in as a

background-image: url('location_of_file.png');

that will do the trick.

[stampy]

Sorry, in the global.css file or the header.tpl file?

And if the image is on my desktop it would be: background-image: url('C:\Users\Me\Desktop\nameofbanner.png'); ?

[5ummer5]

You will need to add the css into the same div that you added the "margin-top" css in earlier.

Have you got your site running locally on your machine or on the web? If its on the web you will need to upload the image via FTP to your image folder for your theme. Then you can reference it from there. It wont work if its just on your desktop.