Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Extra CSS styling for WordPress TwentyNineteen theme that changes archive pages into grid layouts without changing the underlying theme files. You can see what it looks like at #main,
body.archive #main {
display: grid;
grid-template-columns: 32% 32% 32%;
@media (max-width: 400px) { #main,
body.archive #main {
grid-template-columns: 100%;
} #main article,
body.archive #main article {
margin-top: 0;
} #main article .entry-content,
body.archive #main article .entry-content {
} #main article footer,
body.archive #main article footer {
} #main article .entry-header h2,
body.archive #main article .entry-header h2 {
font-size: 1.25em;
overflow: hidden;
text-overflow: ellipsis;
} #main article > *,
body.archive #main article > * {
} #main header,
body.archive #main header {
grid-column-start: 1;
grid-column-end: 4;
margin-bottom: 0;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.