Re: help! products in collection have no border

help! products in collection have no border

Chantelrudden
Shopify Partner
107 1 19

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

 

Screenshot 2024-01-23 at 11.50.24 AM.png

Replies 3 (3)

NemoPS
Shopify Partner
48 3 10

It looks like the items from Featured Collection are clashing with the infinite scroll. Might be a hard fix to put in place

NemoPS_0-1706597622920.png



Any way you can have the theme developers take a look?

Found it helpful? Like and Accept as a solution!
Getting NO SALES? Get a FREE website audit
--
https://nemops.com - Shopify Solutions

BSS-Commerce
Shopify Partner
3477 463 538

Hi @Chantelrudden ,

The error occurs due to the following code in the styles.css file

view - 2024-01-30T185332.985.pngview - 2024-01-30T185343.614.png

To fix it, follow these steps:

view - 2024-01-30T185430.677.png

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),

view - 2024-01-30T185453.767.png

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),

view - 2024-01-30T185518.555.png

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 .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via [email protected]


BSS Commerce - Full-service eCommerce Agency
Chantelrudden
Shopify Partner
107 1 19

so i inititally did this, but it brings the products to 3 instead of 4, and then some products arent the same size