ConteVlad Posted May 8, 2013 Share Posted May 8, 2013 Hello, i use prestashop 1.5.4.1, i have tried to put a image in the center of the header but i'm not able in any way so i'd like to put the logo in the center. Is it possible? Thank you Lucio Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Share Posted May 8, 2013 Hello, i use prestashop 1.5.4.1, i have tried to put a image in the center of the header but i'm not able in any way so i'd like to put the logo in the center. Is it possible? Thank you Lucio hello, as i said in other thread where we talk about that, it all depends on your logo size. If it is possible - please paste the url to your store. Without url it might be problematic to say what you have to do. Link to comment Share on other sites More sharing options...
ConteVlad Posted May 8, 2013 Author Share Posted May 8, 2013 Sorry i didn't read the other post... Of course i can give you the link: boxcollection.it Thanks again Link to comment Share on other sites More sharing options...
vekia Posted May 8, 2013 Share Posted May 8, 2013 you expect something like that i pasted below? Link to comment Share on other sites More sharing options...
ConteVlad Posted May 9, 2013 Author Share Posted May 9, 2013 Yes perfect! But i see that you are a very good prestashop expert and maybe you can help me with my first idea... Is it possible, with this version of prestashop, to leave the logo where it is now and add a picture in the middle where you put the logo? Link to comment Share on other sites More sharing options...
ConteVlad Posted May 10, 2013 Author Share Posted May 10, 2013 If it isn't possible to put an image i will be happy to put the logo in the center of header as you do in the picture. Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 Yes perfect! But i see that you are a very good prestashop expert and maybe you can help me with my first idea... Is it possible, with this version of prestashop, to leave the logo where it is now and add a picture in the middle where you put the logo? yes it is possible to insert image there all you have to do is to edit header.tpl file. go to the themes / your_theme / header.tpl and add: <div style="position:absolute; left:400px; top:0px;"> <img src="FULL_PATH_TO_YOUR_IMAGE" /> </div> you have to add this before the code i pasted below: <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> Link to comment Share on other sites More sharing options...
ConteVlad Posted May 10, 2013 Author Share Posted May 10, 2013 Thanks i will try immediately! Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 Thanks i will try immediately! if this works for you, or if you've got any questions - feel free to write Link to comment Share on other sites More sharing options...
ConteVlad Posted May 10, 2013 Author Share Posted May 10, 2013 (edited) It works!!! I have only the last question. I've tried to put top: 10px; because right now the image is attached to the top of the screen but it doesn't work... Why? Sorry i'm stupid! i didn't saw the first line. Thank you very much for all Edited May 10, 2013 by ConteVlad (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 hello i checked your shop: as you can see above - it works well :-) try to clear cache in your browser (or hard refresh ctrl+f5) Link to comment Share on other sites More sharing options...
ConteVlad Posted May 10, 2013 Author Share Posted May 10, 2013 I'm very very happy! :D I have seen a lot of post and tried a lot of solution but every solution was for a previus version. Thank you so much Link to comment Share on other sites More sharing options...
vekia Posted May 10, 2013 Share Posted May 10, 2013 I'm very very happy! :D I have seen a lot of post and tried a lot of solution but every solution was for a previus version. Thank you so much You're welcome :-) So, Now i can mark this thread as solved :-) You can also mark own threads as solved, i will be gratefull if you will follow steps below in other your threads: f, after posting a topic, you find a solution to your problem, please indicate it in your post and describe the solution.There is nothing more frustrating for users with the same issue who come across your post "all is good, I fixed it..." without an explanation of how to fix it. Furthermore if you are the author of the topic for which a solution has been found, please edit your topic title to mark it as [sOLVED]. To mark a topic as [solved] : - Edit the first post of your topic by clicking on the "Edit" button, - Click on the "Use full editor" button, - Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button. Link to comment Share on other sites More sharing options...
ConteVlad Posted May 10, 2013 Author Share Posted May 10, 2013 Ok i will use that procedure for my next threads. Thank you very much again Link to comment Share on other sites More sharing options...
Adam Akhirat Posted February 10, 2014 Share Posted February 10, 2014 yes it is possible to insert image there all you have to do is to edit header.tpl file. go to the themes / your_theme / header.tpl and add: <div style="position:absolute; left:400px; top:0px;"> <img src="FULL_PATH_TO_YOUR_IMAGE" /> </div> you have to add this before the code i pasted below: <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> hye, which line i should add this? in the end of the file? or? thank you Link to comment Share on other sites More sharing options...
vekia Posted February 10, 2014 Share Posted February 10, 2014 before the code: <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> Link to comment Share on other sites More sharing options...
Adam Akhirat Posted February 10, 2014 Share Posted February 10, 2014 before the code: <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}"> its not success... can you help me please.. this is the link : some "images" on the top.. www.loverfragrances.com Link to comment Share on other sites More sharing options...
vekia Posted February 10, 2014 Share Posted February 10, 2014 there is no link to image, you still use <img src="FULL_PATH_TO_YOUR_IMAGE" /> instead of "FULL_PATH_TO_YOUR_IMAGE" use url to your image that you want to attach there Link to comment Share on other sites More sharing options...
Adam Akhirat Posted February 10, 2014 Share Posted February 10, 2014 there is no link to image, you still use <img src="FULL_PATH_TO_YOUR_IMAGE" /> instead of "FULL_PATH_TO_YOUR_IMAGE" use url to your image that you want to attach there Sorry Vekia. i just want to center the logo only.... sorry...how to do it? thank you Link to comment Share on other sites More sharing options...
CartExpert.net Posted February 10, 2014 Share Posted February 10, 2014 Hi. You want to display the logo only in one row in the center? Regards.Robin.The CartExpert Team Link to comment Share on other sites More sharing options...
vekia Posted February 10, 2014 Share Posted February 10, 2014 ni this case you have to modify css styles of #header_logo { position: absolute; left: 0; top: 30px; z-index: 1; } increase / decrease values of left:0; and top:30px; values to change logo position for example: #header_logo { position: relative; left: 300px; top: 30px; z-index: 1; } you can find this code in global.css file effect: Link to comment Share on other sites More sharing options...
Adam Akhirat Posted February 10, 2014 Share Posted February 10, 2014 ni this case you have to modify css styles of #header_logo { position: absolute; left: 0; top: 30px; z-index: 1; } increase / decrease values of left:0; and top:30px; values to change logo position for example: #header_logo { position: relative; left: 300px; top: 30px; z-index: 1; } you can find this code in global.css file effect: thank you Vekia.. it works great ! =D can i ask for something please? how to make the size of the logo same as the search bar length? thank you =D Hi. You want to display the logo only in one row in the center? Regards. Robin. The CartExpert Team thats also a good ideas.. how to do it please? =D Link to comment Share on other sites More sharing options...
vekia Posted February 10, 2014 Share Posted February 10, 2014 just upload bigger logo. not it's small, just take a look: http://www.loverfragrances.com/img/logo.jpg?1391495904 Link to comment Share on other sites More sharing options...
CartExpert.net Posted February 10, 2014 Share Posted February 10, 2014 Hi. You need to remove the absolute position (including left and top). Set it to be displayed as block and center content. #header_logo { display: block; text-align: center; } Regards.Robin.The CartExpert Team Link to comment Share on other sites More sharing options...
luka_82 Posted November 6, 2015 Share Posted November 6, 2015 Hi!I have this same problem. I want to display the logo only in one row in the center. I've try many thigs, also code below.. #header_logo {position: relative;left: 300px;top: 30px;z-index: 1;} this code works good but effect don't look good no smatrphones - logo is out of the screen. Responsive themes dosn't work with that. link: http://test12392.futurehost.pl/sklep BTW I wat to move cart bar to the right borderCan you help me?( I hope you understand my english ) 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