Guest $h@doW Posted May 18, 2007 Share Posted May 18, 2007 Hi In the layout.css ive changed the header to repeat so it fills the top, but i want to add a logo over the top of the header and to the left side...... What do i add to the code to make it show over header.....align to left..... Thanks Jay Quote Link to comment Share on other sites More sharing options...
Guest webicon Posted May 19, 2007 Share Posted May 19, 2007 Ok this is easy enough - just put your logo in the top bar as a plain old graphic and align it left. You could even make it clickable so that it is an additional home button. See pinned post on skinning templates at top of skins and templates support forum with solution by MarksCarts and Vrakus.... should be simply opening global templates (index.tpl and cart.tpl) and adding this in just after opening header tag: <a href="your url"> <img src="http://www.your url/skins/Killer/styleImages/backgrounds/topHeader.gif" alt="your alt text" border="0" align="left"></a> I've used this myself several times for sites where header has a background - worked fine. Quote Link to comment Share on other sites More sharing options...
Guest Brivtech Posted May 19, 2007 Share Posted May 19, 2007 Always make a backup of both your store files from the web, and your database before making any modifications to your store. When you change things like images, it's a good idea to keep a log. If you ever need to upgrade in the future, or make a clean installation, it's much easier re-applying some of the changes you may have made before. Quote Link to comment Share on other sites More sharing options...
Guest $h@doW Posted May 19, 2007 Share Posted May 19, 2007 Thanks Guys......sorted now....... Thanks jay Quote Link to comment Share on other sites More sharing options...
Guest $h@doW Posted May 20, 2007 Share Posted May 20, 2007 how do i get the header to be in line with left side.....as you can see the header is over hanging on left.... http://www.ohlalacreations.com/shop/index.php Please Help... I did do it right last night, but overwrite with old file, and now today i cant remember what i did to correct this... :dizzy: Quote Link to comment Share on other sites More sharing options...
Guest webicon Posted May 20, 2007 Share Posted May 20, 2007 If your graphic is in the bg of the header bar - simply adjust the values in the stylesheet for margin/padding. If you have modified your top header as per the instructions above - i.e is a graphic inside the header div rather than applied as a style - simply add a horizontal space value to the image tag..should look something like: <a href="your url"> <img src="http://www.your url/skins/Killer/styleImages/backgrounds/topHeader.gif" alt="your alt text" border="0" align="left" hspace="20" ></a> and adjust the size to that needed. ps. Good advice from Brivtech - always back up your files before attempting to modify files.... Quote Link to comment Share on other sites More sharing options...
Guest $h@doW Posted May 20, 2007 Share Posted May 20, 2007 ok thanks, i will try that..... thanks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.