Clarisa
-
Content Count
10 -
Joined
-
Last visited
Everything posted by Clarisa
-
Change items per row in product pages. Clay.
Clarisa replied to Clarisa's question in Coding and Customization
At the end I went for the 4 items per row, I am using 20% , would this be the correct code: <style> @media screen and (min-width:992px) { .ProductList-item { width: 20% !important; margin: 0; } .ProductList .ProductList-item:nth-child(3n+1) { margin-right: 10%; } } </style> Thanks in advance! -
Change items per row in product pages. Clay.
Clarisa replied to Clarisa's question in Coding and Customization
Thanks for your reply. I have changed the row to 2 (45%). You can see the extra space at the right. Will leave it for a while so you can have a look. https://www.thetinnedfishmarket.com/hampers -
Change items per row in product pages. Clay.
Clarisa replied to Clarisa's question in Coding and Customization
Thank you! It works. The only thing is that the items are not in the centre and the space in the right is bigger. Any idea how to fix it? Thanks in advance -
Site URL: https://www.thetinnedfishmarket.com/hampers Hi there, I have different product pages in my site. I want to change the number of items per row in some product pages but not in all of them. The default settings allow you to adjust this number for all product pages only. Can someone tell me how can to change the items per row just in one product page? Thanks in advance.
-
Hello Tuanphan, Thank you so much for trying to help. However it keeps doing the same. Any other tweak you can think of? Clari
-
Hello again, I tried the code but it leaves the product page like this... am I doing something wrong??
-
Thank you!! Will test it in a few days. xx
-
I want to be able to change the items per row to 4 items in some of the product pages but not in all of them. Thanks
- 9 replies
-
- 1
-
-
- product-page
- code
- (and 1 more)
-
Hi Tuanphan, This is the page https://www.thetinnedfishmarket.com/shop-hampers The other product pages are hidden until I find out how to change the number of items per row. Thanks
-
Hi there, I am trying to change the number of items per row in one of my product pages, does anyone know the code that I need to use? and also how to inject it? of course I do not want to modify all the product pages, just one of them. Thanks!
