Archived topic

Border on column post for home page

3 replies · Started by Ernest on April 15, 2018

Viewing posts 1–4 of 4

April 15, 2018 at 1:43 pm #551116

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?

April 15, 2018 at 4:49 pm #551213

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.

April 15, 2018 at 9:26 pm #551296

Thanks. That worked.

April 16, 2018 at 8:38 am #551740

No problem :)

This archived topic is closed to new replies.