puffdade Posted October 12, 2013 Share Posted October 12, 2013 (edited) Is there a simple way to increase the logo size by just a small amount without the need to get into code editing and programming? The place holder seems very small for the main logo and I'm not confident enough to start editing code without step by step instructions. if you take a look at my shop to date www.puffdade.com the logo at the top is a little squeezed the biggest image I could get in was 380x65 and it doesn't quite get the point across it not very stand out,, any bigger it starts to overlap the top menu. I would like to get this 380 x 100 or close to, I'm still on 1.5.4.1 I'm nervous about upgrade when on the most part everything is fine, I need to sharpen up the slide images that's in progress, in fact the cart to date has been extremely productive and more than worth the effort of learning this software. I have noticed some people have fantastic across the screen fixed banners but one thing at a time for me So can anyone offer me a simple fix some step by step instructions or even a module I can get for free or purchase to aid in changing the aesthetics. Thanks in advance Paul Edited October 12, 2013 by puffdade (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 you can do it in two ways. 1) upload logo in size that you want to display 2) somewhere in global.css insert this code: .logo {width:380px;!important; height:auto!important;} Link to comment Share on other sites More sharing options...
puffdade Posted October 12, 2013 Author Share Posted October 12, 2013 Now for the big question where do I find global.css Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 Now for the big question where do I find global.css global.css is a file with all most important css styles in default theme. you can find it here: http://puffdade.com/shop/themes/default/css/global.css Link to comment Share on other sites More sharing options...
puffdade Posted October 12, 2013 Author Share Posted October 12, 2013 You make it look easy I have done that edit but its still not quite right, what's happened now if you click the link above now you will see its now over lapping the top horizontal menu, and slightly infringing on the search box. Is it possible to just lower the horizontal menu and I will design my logo to keep within the space I have once lowered ? Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 yes, you've got right, now logo overlapping a little menu. here is the solution: you need to add margin-top:110px; to: .sf-contener { clear: both; margin-top: 110px; } .sf-contener is a part of this file: http://puffdade.com/shop/modules/blocktopmenu/css/superfish-modified.css open this file and you will see .sf-contener near line nb 2 1 Link to comment Share on other sites More sharing options...
puffdade Posted October 12, 2013 Author Share Posted October 12, 2013 Vekia = Legend I couldn't find the second file for a while but found it in the end The rest I can deal with, thank you very much for your help. Link to comment Share on other sites More sharing options...
vekia Posted October 12, 2013 Share Posted October 12, 2013 glad to hear that i could help you a little im going to mark this topic as [solved] if you will need any other help related to this case - just continue discussion below. solved isn't mean closed with regards, Milos oops. you were first Link to comment Share on other sites More sharing options...
Recommended Posts