[Resolved] Separating items on blog index page

[Hazel]

Hi Tom
I wonder if there is a way to put horizontal rules between items on the blog index page. The page concerned is http://smarttrading.hazelkey.com/news/.
Cheers
Allan

[Leo]

Hi Allan,

Like a bottom border between the blog posts? If so try this:

.blog .inside-article,
.archive .inside-article {
    border-bottom: 2px solid #000000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

[Hazel]

Thanks Leo I pasted the code in Simple CSS but this doesn’t seem to be working. I have tried in another browser in case it was a caching issue.

[Leo]

Hmm it should. I don’t see the code being added.

Make sure the code is in global editor and not meta box.

[Leo]

In Simple CSS you have this code:

@media (max-width: 768px) {
    .page-content, .entry-content,
    .entry-summary {
        margin: 10px;
    }

Make sure you close the @media bracket:

@media (max-width: 768px) {
    .page-content, .entry-content,
    .entry-summary {
        margin: 10px;
    }
}

[Hazel]

Perfect, thanks very much.

[Leo]

Glad I could help!

[Author]

Posts