MTPockets Posted August 12, 2013 Share Posted August 12, 2013 Probably a simple solution but I cant seem to figure it out. I have been trying to upload an image file to replace the header logo. I have been using the logo installer located on the theme page in the back office and it uploads the image but the image overlaps the header bar below the image, and it doesn't seem to matter how small I make the image. I am using .png and have tried .jpg with the same results. What is the maximum size allowed for this image and where are they stored? I thought they would upload to the img folder in the default theme but I can't find it. Link to comment Share on other sites More sharing options...
hoatbui Posted August 12, 2013 Share Posted August 12, 2013 I ran into that issue too, try changing your dimensions to 209px width; 93px height. Is the overlap caused by a white box around your logo? Link to comment Share on other sites More sharing options...
MTPockets Posted August 12, 2013 Author Share Posted August 12, 2013 No. The image is a stand alone .png transparent background, but the transparency overlaps the links on the header bar. When I save it as a .jpg it completely covers the end of the header bar. The only way it won't cover the bar, the logo is too small to read. I will try resizing to the dimensions you posted. Where are they saved? logo2 was the original logo3 resized logo4 reconfigured Link to comment Share on other sites More sharing options...
tdr170 Posted August 12, 2013 Share Posted August 12, 2013 You can change the header margins in global.css and use any size image you need. If you give a link to the shop and make sure its not in maintenance mode along with making sure CCC is not enabled we can look at the shop and give you better info. Link to comment Share on other sites More sharing options...
MTPockets Posted August 12, 2013 Author Share Posted August 12, 2013 Hi tdr170 and thank you for the reply. The site is not live yet. I have been trying to set it up for almost 2 weeks and am about to either dump it or hire someone to do it for me. I have uninstalled PrestaShop 3 times already and am working on the 4th install on the server. Nothing has been done to the default theme except changing the background color in the css global file. Where in the global file do I find the header margins? There are probably 100 other questions I have but I won't scare you away. I have built a website before, years ago, but that was without css and modules and there was no cart. I really thought this was going to be a lot easier than it is. Link to comment Share on other sites More sharing options...
MTPockets Posted August 12, 2013 Author Share Posted August 12, 2013 Ok, I found the "header" section in the global css. I have attached an example of how the logo is appearing on the page. What do I change in the css file? #header {position:relative} #header_logo { position: absolute; top: 30px; z-index: 1; } #header_right { position:relative; float: right } /* ************************************************************************************************ BREADCRUMB ************************************************************************************************ */ .breadcrumb { margin-bottom:10px; font-size:12px } .breadcrumb .navigation-pipe {margin:0 3px 0 5px} .breadcrumb img { position:relative; top:5px } Link to comment Share on other sites More sharing options...
tdr170 Posted August 12, 2013 Share Posted August 12, 2013 If the site is online I can still view the site as long as it is not in maintenance mode I can not give you exact details unless I can view the site. You can change the top margin to 0 or 5px that will move it up. 1 Link to comment Share on other sites More sharing options...
MTPockets Posted August 13, 2013 Author Share Posted August 13, 2013 tdr170, thanks! I changed it to 5px and redesigned the logo. Actually like the new logo better. Link to comment Share on other sites More sharing options...
Recommended Posts