Custom Header

Looking to replace the bar with the "Phorum" logo at the top with a header of my own. Figured out how to do that in the templates folder, but the header is way too big and hangs behind the text. Anyone know how what adjustments to make so that the header sits comfortably between all the other content?

Any general help with adding a custom header image would be appreciated.

I don't really understand what is happening. You are most probably in need of HTML / CSS help here, since that's what templating for page styling is mostly about. Do you have a URL where we can look or a screenshot of your page, so we can see what "hangs behind the text" looks like?

---

Maurice Makaay
Phorum Development Team
my blog linkedin profile secret sauce

Here's a link.

Ideally the green box "surrounding" the image needs to get bigger and become transparent (or just disappear altogether), and there needs to not be any padding around the image I'm trying to use. I've been able to get ride of the green box by replacing it with a white or transparent box, but I can't make it taller. The image used for the green box is actually only about 25 pixels wide and just repeats itself horizontally, but not vertically.

I do know my way around css and html, but there are so many files in the templates folder, I have no idea where any information is stored.

Well, if you are just handling the header change, then the header.tpl is the place where you put the HTML and css.tpl is the place where you put your CSS code (or modify the default CSS.) The settings.tpl template is used to provide settings that are used inside the company template. You do not have to use that file,

What you basically need to change to get the styling right, is the height property of "#phorum #logo" and the margin of "#logo img". Using those two, you should be able to get your header image to fit.

---

Maurice Makaay
Phorum Development Team
my blog linkedin profile secret sauce



Edited 1 time(s). Last edit at 09/13/2010 06:43PM by Maurice Makaay.