for some reason my collections are putting some of my products together, with no spacing?
not sure why this is, there should be even spacing pf the products like the rest of the page…
**please note, you need to load more products, and scroll down, i believe its on the third page
heres an example of the glitch on the left side
https://www.sarahhoodstudio.com/collections/earrings
pass: sarahhoodjewelry
Hi @Chantelrudden ,
The error occurs due to the following code in the styles.css file
To fix it, follow these steps:
Then find the styles.css file:
Find line 1193: Delete the following code:
.equal-columns–outside-trim .one-third:nth-of-type(3n), .equal-columns–outside-trim .one-fourth:nth-of-type(4n),
Find line 1204: Delete the following code:
.equal-columns–outside-trim .one-third:nth-of-type(3n+1), .equal-columns–outside-trim .one-fourth:nth-of-type(4n+1),
Then press “Save” to save. The above code makes the distance between products = 0 so they will be close together, leading to errors.
Hope it helps @Chantelrudden
so i inititally did this, but it brings the products to 3 instead of 4, and then some products arent the same size
