Archived topic

Is it possible to exclude CSS from my home page?

3 replies · Started by Andy on September 3, 2020

Viewing posts 1–4 of 4

September 3, 2020 at 7:42 pm #1430116

Hi there,

Earlier, I got this custom CSS code from you guys:

@media (max-width: 768px) {
    .separate-containers .site-main {
        margin-top: 0;
    }
}

I'd like to apply this CSS code to all pages except my homepage (which is the blog archive). Is this possible?

Thank you

September 3, 2020 at 8:04 pm #1430124

Hi there,

This should work:

@media (max-width: 768px) {
    body:not(.home).separate-containers .site-main {
        margin-top: 0;
    }
}

Let me know :)

September 3, 2020 at 11:16 pm #1430245

Brilliant!!! Thanks Leo!!!

September 4, 2020 at 7:58 am #1430904

No problem :)

This archived topic is closed to new replies.