[email protected] Posted February 9, 2017 Share Posted February 9, 2017 (edited) I have my product image size set to 800 x 800 and have uploaded the images at exactly that size. When viewing in a computer web browser the product images fit exactly with no white borders. When viewed in grid mode 4 product images are shown in each row with no white borders. Even when switched to list mode there are still no white borders. However on iOS my site behaves differently on an iPad Mini and an iPhone 7 Plus. On iPhone in portrait mode the images are fine, in landscape mode there's a thin white border on the left and right. On iPad in portrait mode there's a thin white border on the left and right, in landscape mode the images are fine. Why does Prestashop do this? Is there a way I can make the images appear with no borders at all times as they do in a computer web browser? Thank you! Edited February 10, 2017 by [email protected] (see edit history) Link to comment Share on other sites More sharing options...
[email protected] Posted February 14, 2017 Author Share Posted February 14, 2017 Can anyone please offer insight on how to solve this? Thank you Link to comment Share on other sites More sharing options...
JeredBolton Posted February 14, 2017 Share Posted February 14, 2017 If you post some screenshots, or even better a link to your shop, we'd be able to have a look. Link to comment Share on other sites More sharing options...
Geo Burlibasa Posted February 14, 2017 Share Posted February 14, 2017 If you post some screenshots, or even better a link to your shop, we'd be able to have a look. Agree, also send us the iPhone to inspect the problem better. Kidding, give us a link. If you don't want to make it public, do it in Private Message. 1 Link to comment Share on other sites More sharing options...
[email protected] Posted February 16, 2017 Author Share Posted February 16, 2017 Thank you very much for the replies and any assistance. Images below in order are: iPhone Portrait iPhone Landscape iPad Portrait iPad Landscape Link to comment Share on other sites More sharing options...
Geo Burlibasa Posted February 16, 2017 Share Posted February 16, 2017 You have to set the width (max-width too) of the photos to 100% and the height to auto. 1 Link to comment Share on other sites More sharing options...
[email protected] Posted February 16, 2017 Author Share Posted February 16, 2017 You have to set the width (max-width too) of the photos to 100% and the height to auto. Thank you. How would I do this? I'm assuming it's somewhere in the CSS? Link to comment Share on other sites More sharing options...
[email protected] Posted February 18, 2017 Author Share Posted February 18, 2017 Any further advice? I'm eager to solve this. Thank you! Link to comment Share on other sites More sharing options...
Geo Burlibasa Posted February 18, 2017 Share Posted February 18, 2017 Yes, in css, more exactly it should be in themes/name_of_your_theme/css/product_list.css or global.css I could tell exactly in what file and which line if you would give me the link Link to comment Share on other sites More sharing options...
[email protected] Posted February 18, 2017 Author Share Posted February 18, 2017 (edited) Yes, in css, more exactly it should be in themes/name_of_your_theme/css/product_list.css or global.css I could tell exactly in what file and which line if you would give me the link I have solved this problem. Turned out that my home_default image was set to 250 x 250 which resulted in the white space. I increased it to 400x400 and all images now display without white space. Edited February 19, 2017 by [email protected] (see edit history) 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