[Resolved] Border on column post for home page

[Ernest]

Hello,

My home page is a two column layout for blog post. I used the following code to create a border around each post on the home page that works well:

.inside-article {
border: 1px solid #DDD;
}

However, when I click on an individual post, I don’t want the border to appear on each single post page.

Also, I don’t want border to appear when view on mobile.

What code can I use to remove border on individual post page and mobile view?

[Leo]

Hi there,

Try this CSS instead:

@media (min-width: 769px) and (max-width: 1024px) {
    .blog .inside-article,
    .archive .inside-article {
        border: 1px solid #DDD;
    }
}

Let me know.

[Ernest]

Thanks. That worked.

[Leo]

No problem 🙂

[Author]

Posts