Raj_Malhotra Posted June 21, 2014 Share Posted June 21, 2014 Hello Guys, In "Theme Configurator" Module under Hook "home" number "05" image section. Pls help with this, I am getting image resize problem. Image uploaded is perfect in size mentioned below , but on homepage this image gets shrink smaller in size. i tried up reinstalling the module but it doesn’t worked. Image Size: 777px X 142px Image attached for better understanding... Thank You.... Link to comment Share on other sites More sharing options...
vekia Posted June 21, 2014 Share Posted June 21, 2014 any chance to see it live? if so share url, please 1 Link to comment Share on other sites More sharing options...
Raj_Malhotra Posted June 21, 2014 Author Share Posted June 21, 2014 Hello vekia, My website link: http://www.indiaskylanterns.com/ Thank u... Link to comment Share on other sites More sharing options...
Raj_Malhotra Posted June 24, 2014 Author Share Posted June 24, 2014 Hello Friends, Can anybody HELP ME! PLEASE! Link to comment Share on other sites More sharing options...
vekia Posted June 24, 2014 Share Posted June 24, 2014 hello sorry i missed your reply on your website right click is disabled? Link to comment Share on other sites More sharing options...
Raj_Malhotra Posted June 25, 2014 Author Share Posted June 25, 2014 (edited) hello sorry i missed your reply on your website right click is disabled? Sorry! Now I have enable right click, pls check and let me know the problem. Thank You. Edited June 25, 2014 by Raj_Malhotra (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted June 25, 2014 Share Posted June 25, 2014 in theme configurator you added this picture as "picture" or as code? if second, can you show your code, please? Link to comment Share on other sites More sharing options...
dioniz Posted June 25, 2014 Share Posted June 25, 2014 Add this to css file .htmlcontent-item-2 .col-xs-4{ width:66.6667% } Link to comment Share on other sites More sharing options...
Raj_Malhotra Posted June 25, 2014 Author Share Posted June 25, 2014 in theme configurator you added this picture as "picture" or as code? if second, can you show your code, please? Hello Vekia, Its images that i have uploaded. screenshot attached... Pls help.... Link to comment Share on other sites More sharing options...
Guillaumeb59 Posted August 16, 2014 Share Posted August 16, 2014 Hello, I've got the same problem on the new version of prestashop I've just installed. Did you find any solution ? Thanks ! Link to comment Share on other sites More sharing options...
Guillaumeb59 Posted August 16, 2014 Share Posted August 16, 2014 (edited) Hello, I've finally reboot the module and the problem seems to be solved but in facts it's not... As soon as you delete some elements, the problem appear. I've found out that the problem is linked to the item n°5 wich is 66% width. (the others items are 33%) So if you delete or desactivate some item, you have to change some css part to keep the 66% ratio. Need to to go to /yourinstallation/modules/themeconfigurator/css/hook.css and change : #htmlcontent_home ul li.htmlcontent-item-5 { width: 66.6667%; } @media (max-width: 479px) { #htmlcontent_home ul li.htmlcontent-item-5 { width: 100%; } } to (for exemple) #htmlcontent_home ul li.htmlcontent-item-2 { width: 66.6667%; } @media (max-width: 479px) { #htmlcontent_home ul li.htmlcontent-item-2 { width: 100%; } } I think you can edit this topic in resolved. Hope that will help ! Edited August 16, 2014 by Guillaumeb59 (see edit history) Link to comment Share on other sites More sharing options...
Raj_Malhotra Posted August 16, 2014 Author Share Posted August 16, 2014 Thanks Guillaumeb59 it works! Link to comment Share on other sites More sharing options...
GReyesP Posted September 5, 2014 Share Posted September 5, 2014 Hi Guys! I've been looking for a simple and effective solution like @Guillaumeb59's. Thank's!!! Let me improve that idea of changing the file /yourinstallation/modules/themeconfigurator/css/hook.css: The lines #htmlcontent_home ul li.htmlcontent-item-5 { width: 66.6667%; } @media (max-width: 479px) { #htmlcontent_home ul li.htmlcontent-item-5 { width: 100%; } } are an exception to the rule of 33% for every image you upload. With that in mind you can change in any way you want. Example: Building a 3 column grid for ever and ever Delete the following lines on the file /yourinstallation/modules/themeconfigurator/css/hook.css: #htmlcontent_home ul li.htmlcontent-item-5 { width: 66.6667%; } @media (max-width: 479px) { #htmlcontent_home ul li.htmlcontent-item-5 { width: 100%; } } Example: making any other image 66% wide I had to build a grid of images with 2 rows and 3 columns. Below those, a 3rd row with 2 images: the first one had the width of twice the width of the images above. To build it, the 7th item had to be set to 66%. To get that behavior I turned the lines #htmlcontent_home ul li.htmlcontent-item-5 { into #htmlcontent_home ul li.htmlcontent-item-7 { . That's all, I hope you enjoy it. Thanks again!!! 1 Link to comment Share on other sites More sharing options...
Recommended Posts