nerdygurl Posted September 30, 2008 Share Posted September 30, 2008 Hi, I was wondering how to add a header image to the very top of my site?? I tried making a larger logo image but this did not work what i am after is to have an image ive got across the very top of my shop behind the current search box etc or i can move these if i have to. Any ideas on how i can do this??? Link to comment Share on other sites More sharing options...
Paul C Posted September 30, 2008 Share Posted September 30, 2008 You can set a background image for the header div, then draw everything else on top of it.....If that's what you mean? Like for example in: http://www.sentientsolar.co.ukPaul Link to comment Share on other sites More sharing options...
nerdygurl Posted September 30, 2008 Author Share Posted September 30, 2008 Exactly!! thanks i wasnt to sure on how to word it, would i do that in the CSS file?? hmmmm i am not sure what to add to draw it all on top is there a reference anyone could give so i can find out how to go about this?? Link to comment Share on other sites More sharing options...
Paul C Posted September 30, 2008 Share Posted September 30, 2008 You need to edit the .tpl files in the template folder too. You basically add a "div" around the header elements and then set the background image in the class or id for that div. The art is in lining it all up, and getting the order of the different modules right!Since it's a background image it just replaces the "white" that's thereoriginally, so you don't have to do anything special to get the code to draw on top of the image (if that makes sense)!! Paul Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now