ClaudineM Posted May 16, 2020 Share Posted May 16, 2020 (edited) Site URL: http://www.summitviewlearning.com/payment Hi - I'm trying to put 4 items per row on the products page (version 7.1). I've tried the previous suggestions posted in this forum with no change to my site. The image on each product is so large that you can't see the item name when viewed on a regular browser. Thanks, Claudine Edited May 17, 2020 by ClaudineM Link to comment
tuanphan Posted May 16, 2020 Share Posted May 16, 2020 Above link doesnot exist Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ClaudineM Posted May 17, 2020 Author Share Posted May 17, 2020 (edited) On 5/16/2020 at 3:07 PM, tuanphan said: Above link doesnot exist Sorry - I just edited it (payment is singular). I changed the store to just have two items for now, but I'm still interested in knowing how to fix this. At the very least I'd like to make the images smaller so you can see the item name on the page. Edited May 18, 2020 by ClaudineM Link to comment
tuanphan Posted May 18, 2020 Share Posted May 18, 2020 8 hours ago, ClaudineM said: Sorry - I just edited it (payment is singular). I changed the store to just have two items for now, but I'm still interested in knowing how to fix this. At the very least I'd like to make the images smaller so you can see the item name on the page. Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column-gap: 5px; grid-row-gap: 5px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ClaudineM Posted June 10, 2020 Author Share Posted June 10, 2020 On 5/18/2020 at 4:15 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column-gap: 5px; grid-row-gap: 5px; } } I tried that and nothing changed. I added two test items without images attached to see whether the item width would only change with more items available to be displayed. Any ideas? Link to comment
mccallkeller Posted October 13, 2020 Share Posted October 13, 2020 On 5/18/2020 at 2:15 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column-gap: 5px; grid-row-gap: 5px; } } Hey Tuanphan! I tried this as well with no luck. Do you know what the problem might be? Thanks! Link to comment
mccallkeller Posted October 13, 2020 Share Posted October 13, 2020 On 5/18/2020 at 2:15 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); grid-column-gap: 5px; grid-row-gap: 5px; } } Hey tuanphan, I am having the same issue where this bumps my products over to the left. rarther than creating four products per row. Do you know the solution? Thanks! Link to comment
tuanphan Posted October 13, 2020 Share Posted October 13, 2020 11 hours ago, mccallkeller said: Hey tuanphan, I am having the same issue where this bumps my products over to the left. rarther than creating four products per row. Do you know the solution? Thanks! Can you share link to store page? We can check easier. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
mccallkeller Posted October 13, 2020 Share Posted October 13, 2020 10 minutes ago, tuanphan said: Can you share link to store page? We can check easier. Yes here it is: https://www.andthenjewelry.com/collections Thanks! Link to comment
OrangeKhan Posted June 10, 2021 Share Posted June 10, 2021 any solution guys?? facing same problem Link to comment
tuanphan Posted June 11, 2021 Share Posted June 11, 2021 23 hours ago, OrangeKhan said: any solution guys?? facing same problem Can you share link to store page? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment