How to use section:nth-child(1) but have it not apply to blog pages in 7.1

Site URL: https://brambledesign.squarespace.com/

Hi everyone,

This is what I've tried but it hasn't worked. 

section:nth-child(1):not(.blog-item-content)

Basically I want some CSS to apply to all other 1st sections except for the individual blog post pages.

pw: hello

Thanks in advance!

Body tag on blog page will have different class name compared other pages, so I usually exclude blog page class name with body

body:not([class*="collection-type-blog"]) section:nth-child(1) {

}

16 minutes ago, tuanphan said:

Body tag on blog page will have different class name compared other pages, so I usually exclude blog page class name with body

body:not([class*="collection-type-blog"]) section:nth-child(1) {

}

 

I just applied that code but it stopped working on the other 1st sections.

  body:not([class*="collection-type-blog"]) section:nth-child(1) {
    p {
    margin-top: 2em !important;
    margin-bottom: -1.5em !important;
    }
    h1,h2 {
      margin-bottom: 1.5em !important;
    }
}

4 hours ago, MJohn said:

I just applied that code but it stopped working on the other 1st sections.

  body:not([class*="collection-type-blog"]) section:nth-child(1) {
    p {
    margin-top: 2em !important;
    margin-bottom: -1.5em !important;
    }
    h1,h2 {
      margin-bottom: 1.5em !important;
    }
}

 

Just checked & I see the code worked here.

Try reloading your site & check again

1 hour ago, tuanphan said:

Just checked & I see the code worked here.

Try reloading your site & check again

The other first sections should look like this (image attached). The wavy line should be closer to the top text.

On 3/16/2022 at 2:46 PM, tuanphan said:

Just checked & I see the code worked here.

Try reloading your site & check again

Any updates on this?

On 3/16/2022 at 2:58 PM, MJohn said:

The other first sections should look like this (image attached). The wavy line should be closer to the top text.

Can you share link to page in screenshot?

https://brambledesign.squarespace.com/work

Oh I got it! It's because that page is also considered a blog page. I've fixed it. Thanks Tuan!