huxleymann Posted July 13, 2023 Share Posted July 13, 2023 Hello, Wondering if someone could help... 🫣 Looking to have x5 related products on one line. https://laserengravingservice.co.uk/shop/p/oval-signet-rings/9ct-yellow-gold This is the code I have created so far... //Change related product size - Start// .ProductItem-relatedProducts .list-grid .grid-item:nth-child(n+6) {   display: none; } .ProductItem-relatedProducts .list-grid {grid-template-columns: 200px 200px 200px 200px !important; } //Change related product size - End// Link to comment
tuanphan Posted July 15, 2023 Share Posted July 15, 2023 Add to Design > Custom CSS /* Related products 5 columns */ @media screen and (min-width:992px) { .ProductItem-relatedProducts.ProductList.clear.sqs-pinterest-products-wrapper .list-grid { grid-template-columns: repeat(5,1fr) !important; } }  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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment