Archived topic

Infinite scroll nth child

1 reply · Started by Mathilde on August 8, 2022

Viewing posts 1–2 of 2

August 8, 2022 at 12:42 am #2306431

Hey,

I am working on a blog layout and playing with nth-child.
For example here, I'd like to have every 10n+1 post a full width post in my layout.

It works perfectly without the infinite scroll but won't work correctly if it is activated.

Could you help me understand / sort this out ?

Thank you !

August 8, 2022 at 12:49 am #2306435

Hi Mathilde,

You can try this CSS in Appearance > Customize > Additional CSS:

.blog .generate-columns-container article:nth-of-type(10n+ 1) {
    width: 100% !important;
}

Let us know how it goes.

This archived topic is closed to new replies.