Ptphotography Posted July 28, 2020 Share Posted July 28, 2020 Hello everyone, Can anyone please help me change the column number for one page? At the moment, ALL my product pages are set to 4, but I want just one page to display 3 products/images. https://www.ptphotography.com/harcover-books The problem is if I don't set the column numbers to 3, to fill the space that is supposed to be taken by the fourth product (product 4), the 3 products(pictures) looks like they are aligned to the left. Thank you in advance! Link to comment
tuanphan Posted July 28, 2020 Share Posted July 28, 2020 Add to Hardcover books page settings > Advanced > Header <style> @media screen and (min-width:768px) { .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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Ptphotography Posted July 29, 2020 Author Share Posted July 29, 2020 @tuanplan This is awesome! Thank you! Link to comment
Ptphotography Posted July 29, 2020 Author Share Posted July 29, 2020 @tuanphan I have an addional favour, how do I change the aspect ratio of the products to square? Thank you! Link to comment
tuanphan Posted July 30, 2020 Share Posted July 30, 2020 On 7/29/2020 at 5:52 PM, Ptphotography said: @tuanphan I have an addional favour, how do I change the aspect ratio of the products to square? Thank you! Add to Page SEttings > Advanced > Header <style> .grid-image-wrapper.has-hover-img { padding-bottom: 100% !important; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Ptphotography Posted August 3, 2020 Author Share Posted August 3, 2020 @tuanphan Thanks you so much, it worked! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.