WIP: :not(:nth-child(4n+1)) does not work well in the builder

Browser: Chrome 147.0.7727.117
OS: Windows

Hi,

I’m not sure if I’m doing something wrong or if there is a real problem, please check the following structure. I have applied :not(:nth-child(4n+1)) to the Loop item but it doesn’t work as expected in the builder but it displays fine in the frontend.

Thanks

{"content":[{"id":"pxahdn","name":"section","parent":0,"children":["zemsck","trpbqh"],"settings":{"_rowGap":"20"}},{"id":"zemsck","name":"container","parent":"pxahdn","children":["xyunyc"],"settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr 1fr","_width":"700","_gridTemplateColumns:mobile_landscape":"1fr 1fr"},"selectors":[]},{"id":"xyunyc","name":"block","parent":"zemsck","children":["qsvcqs"],"settings":{"hasLoop":true,"query":{"post_type":["product"],"posts_per_page":"8"},"_border":{"width":{"bottom":"1"},"style":"solid","color":{"id":"wgebmr","raw":"var(--border)","light":"#f0f0f0"}},"_padding":{"top":"10","bottom":"10","right":"10","left":"10"}},"label":"Loop item","selectors":[{"id":"fklnuf","selector":":not(:nth-child(4n+1))","settings":{"_border":{"width":{"left":"1"},"style":"solid","color":{"id":"wgebmr","raw":"var(--border)","light":"#f0f0f0"}}},"label":"Smart border desktop"},{"id":"pxoaqm","selector":":nth-child(2n+1)","settings":{"_border:mobile_landscape":{"width":{"left":"0"}}},"label":"Smart border mobile"}]},{"id":"qsvcqs","name":"image","parent":"xyunyc","children":[],"settings":{"image":{"id":15521,"filename":"small_product-TLP-69610_dcb93d6f-a847-4fed-8ab4-d05756d05a8e.webp","size":"large","full":"https://avangtheme.ir/wp-content/uploads/2025/08/small_product-TLP-69610_dcb93d6f-a847-4fed-8ab4-d05756d05a8e.webp","url":"https://avangtheme.ir/wp-content/uploads/2025/08/small_product-TLP-69610_dcb93d6f-a847-4fed-8ab4-d05756d05a8e-1024x1024.webp"}},"themeStyles":[]},{"id":"trpbqh","name":"pagination","parent":"pxahdn","children":[],"settings":{"navigationHeight":"50","navigationWidth":"50","navigationBorder":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#ebebeb","id":"zdbmmp","name":"border"}},"navigationBackgroundActive":{"id":"ligytl","raw":"var(--text-1)","light":"#1f2328"},"navigationTypographyActive":{"color":{"hex":"#ffffff"}},"navigationBorderActive":{"color":{"hex":"#1f2328","id":"ligytl","name":"Text 1"}},"midSize":"1","ajax":true,"gap":"10","prevIcon":{"library":"custom_set_hbu7vqm9q","svg":{"id":1785,"icon_id":"icon_uy5awh1az","url":"https://avangtheme.ir/wp-content/uploads/2025/02/arrow-left.svg"},"height":"20","width":"20"},"nextIcon":{"library":"custom_set_hbu7vqm9q","svg":{"id":1786,"icon_id":"icon_l36h09uo4","url":"https://avangtheme.ir/wp-content/uploads/2025/02/arrow-right-2.svg"},"height":"20","width":"20"},"queryId":"xyunyc","navigationTypography":{"color":{"hex":"#1f2328","id":"ligytl","name":"Text 1"}}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://avangtheme.ir","version":"2.3.4"}

use

:not(:nth-of-type(4n+1))

Hi @wplit,

It’s still the same. But it’s ok on the front end.

Hi Hosein,
Thanks so much for your report!

I reproduced the issue and added it to our bug tracker.
We’ll update this thread once it’s fixed.

For now, you can just set the border style to “solid” for 2n+1 on the desktop breakpoint.

Best regards,
timmse

1 Like