Shopify themes, liquid, logos, and UX
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
It looks like the items from Featured Collection are clashing with the infinite scroll. Might be a hard fix to put in place
Any way you can have the theme developers take a look?
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
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
Product Labels by BSS | B2B Solution & Custom Pricing
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
so i inititally did this, but it brings the products to 3 instead of 4, and then some products arent the same size
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025