Archived topic
Separating items on blog index page
6 replies · Started by Hazel on May 14, 2017
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
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.
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.
Hmm it should. I don't see the code being added.
Make sure the code is in global editor and not meta box.
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;
}
}
Perfect, thanks very much.
Glad I could help!