stefie2 Posted September 21, 2010 Share Posted September 21, 2010 I would like to have my logo on the background image and not on the backround color of my whole shop. So how do I change the top of my shop from the color grey to the background image shown on the left and rightside?www.echtemerken.nlthanks steffie Link to comment Share on other sites More sharing options...
rocky Posted September 22, 2010 Share Posted September 22, 2010 So you want the red backgrond image to show through the box that is over it? To do that, change line 214 of themes/etcleanblue/css/global.css from: background: #ffffff; to: background: transparent; or remove the line altogether. Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 Hi rocky!Thx for your reply. The problem is i did change line 214 into transparent but that changes the background color of my header and not from the logo. What am i doing wrong? When i look at the logo part in css i dont seem to find a background color.Thx Link to comment Share on other sites More sharing options...
rocky Posted September 22, 2010 Share Posted September 22, 2010 I don't understand what you are trying to do. Can you post a screenshot of what you want it to look like? Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 Hi rockyYou can see the sceenshot in the attachment. As you can see my logo named echtmerken.nl is places in some kind of white block behind it. This white block i would like to change it into the background of my image, so transparent.thx! Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 sorry here is the attachment Link to comment Share on other sites More sharing options...
rocky Posted September 22, 2010 Share Posted September 22, 2010 That logo is a JPEG file, so it can't have a transparent background. You must save it as a PNG with a transparent background. Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 thnx for your quick reaction but it didn,t work!i don,t think is about the saving format of the LOGO, but somewhere in global css? it might be an adjustment in the backoffice of prestashop. I,m just guessing:The logo is placed perfectly well, but with that white edge on it( i should say, a white background)HELP!!! Link to comment Share on other sites More sharing options...
razaro Posted September 22, 2010 Share Posted September 22, 2010 Like Rocky said you need png file like in zip from attachment.Upload logo.png to img folder .But you need to change code a little.Open header.tpl in your theme folder and find logo.jpg and change it to logo.png.Final result should be like on screen-shot. logo.zip Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 Like you said i changed the logo.jpg into logo.png and i uploaded the logo.png to themes, etcleanblue, img then i went to my admin of the shop and attached the new logo.png but still doesn't work.It must be something very small i am overlooking. Question: how did you make the change and make a screenshot of it and how do you attach the screenshot into the text above?btw: The logo background i made in Adobe FW is okay right? I made the background transparent so you see all those grey and white little blocks at the back. So here is not the problem right?Thank you so much for helping me:) Link to comment Share on other sites More sharing options...
razaro Posted September 22, 2010 Share Posted September 22, 2010 You need to place logo.png to root.img folder not themes/etcleanblue/img.Then open header.tpl from themes/etcleanblue with text editor and find and replace code src="{$img_ps_dir}logo.jpg" with src="{$img_ps_dir}logo.png" and you dont need to do anything more. then i went to my admin of the shop and attached the new logo.png Don't do this.Question: how did you make the change and make a screenshot of it and how do you attach the screenshot into the text above? With Firebug - Firefox extension, PrintScreen or PicPick program, Attachments bellow text area choose Browse select image, preview post to check . Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 Sorry....maybe a little dumb but where can i find the root img?Thx! Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 it problably is the img in the public html...I removes logo.jpg in the img under the public html and uploaded the logo.png.With firebug I still get logo.jpg in screen...It drives me crazy;) Link to comment Share on other sites More sharing options...
razaro Posted September 22, 2010 Share Posted September 22, 2010 I wasn't clear enough your root folder where you installed prestashop.It is probably in /public_html or www folder . It have themes , modules, your renamed admin folder and also img folder.EDIT And did you make changes in header.tpl ? Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 thnx for replying so fast!I have multiple img,s folders! When i open it i see allott of folders.(admin , c,co,dir,scenes etc) where do i put the file into? Link to comment Share on other sites More sharing options...
razaro Posted September 22, 2010 Share Posted September 22, 2010 You place logo.png there.So in img folder next to loader.gif, 404.gif and folder you mentioned.And did you make changes in header.tpl ? Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 oke i,ve placed the image.png there! you mean the header tpl in your themes folder? in this case etcleanblue. there is another themes folder in my public html, don,t have to put in there?The only thing i have to change is the jpg into png? Link to comment Share on other sites More sharing options...
stefie2 Posted September 22, 2010 Author Share Posted September 22, 2010 oke i,ve placed the image.png there!you mean the header tpl in your themes folder? in this case etcleanblue. there is another themes folder in my public html, don,t have to put in there?The only thing i have to change is the jpg into png? Link to comment Share on other sites More sharing options...
razaro Posted September 22, 2010 Share Posted September 22, 2010 Yes in etcleanblue Link to comment Share on other sites More sharing options...
stefie2 Posted September 23, 2010 Author Share Posted September 23, 2010 Yes i places logo.ng next to loader.gif and 404.gif. I also changed the header.tpl from logo.jpg to logo.png...but nothingThe fact that you could change it does it mean that i change it too? Or is there any possibility that it is just not going to work?I hope not?!!!Thanx again razaro Link to comment Share on other sites More sharing options...
razaro Posted September 23, 2010 Share Posted September 23, 2010 ....I can change it with Firebug see attachment.Notice white in letter R.Could you attach your header.tpl from etcleanblue theme ( as zip file) ? Link to comment Share on other sites More sharing options...
stefie2 Posted September 23, 2010 Author Share Posted September 23, 2010 I changed jpg to png in the header i send to you a =minute ago but it doesnt change. Maybe it is not the right header.tpl document? Link to comment Share on other sites More sharing options...
stefie2 Posted September 23, 2010 Author Share Posted September 23, 2010 I found my header tpl in themes, etcleanblue, lang, prestashop, header.tpl Is that the right one? Link to comment Share on other sites More sharing options...
razaro Posted September 23, 2010 Share Posted September 23, 2010 I don't see / didn't get any file. Link to comment Share on other sites More sharing options...
razaro Posted September 23, 2010 Share Posted September 23, 2010 It is /themes/etcleanblue/header.tpland change img src="{$img_ps_dir}logo.jpg" to img src="{$img_ps_dir}logo.png" Link to comment Share on other sites More sharing options...
stefie2 Posted September 23, 2010 Author Share Posted September 23, 2010 I changed it but again nothing.... header with png.txt 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