MattyT208 Posted February 8, 2022 Share Posted February 8, 2022 Site URL: https://cinnamon-arugula-lbx4.squarespace.com Is there a way to customize a store page so that number of columns is different from the any other store pages on the same site? I have a couple of store pages with 4 items on each and centered. I want to add a third store page that has only 3 items on it and keep those 3 items centered. pw: Taco208 Link to comment
tuanphan Posted February 13, 2022 Share Posted February 13, 2022 On 2/9/2022 at 4:32 AM, mtengaio said: Site URL: https://cinnamon-arugula-lbx4.squarespace.com Is there a way to customize a store page so that number of columns is different from the any other store pages on the same site? I have a couple of store pages with 4 items on each and centered. I want to add a third store page that has only 3 items on it and keep those 3 items centered. pw: Taco208 Just add this code to that Shop Page Header <style> @media screen and (min-width:768px) { .products.collection-content-wrapper .list-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } </style> 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
MattyT208 Posted February 14, 2022 Author Share Posted February 14, 2022 23 hours ago, tuanphan said: Just add this code to that Shop Page Header <style> @media screen and (min-width:768px) { .products.collection-content-wrapper .list-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } </style> Thank you tuanphan, but when I added that code all it did was make the main header taller, it didn't center the 3 products on the page. Please refer to screen shot. Link to comment
MattyT208 Posted February 15, 2022 Author Share Posted February 15, 2022 Please disregard my previous message as I was able to figure it out. Thank you for your help! Link to comment
tuanphan Posted February 21, 2022 Share Posted February 21, 2022 <style> </style> code, you can't add it to Custom CSS. You need to add it to Shop Page Header 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
MattyT208 Posted February 21, 2022 Author Share Posted February 21, 2022 12 hours ago, tuanphan said: <style> </style> code, you can't add it to Custom CSS. You need to add it to Shop Page Header Yes, I figured that out. Thanks again, I really appreciate it. 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