Site logo

Archived topic

Archive page featured image presentation

3 replies · Started by Evan on October 27, 2021

Viewing posts 1–4 of 4

Hi Mark,

Give this CSS a try:

.blog .inside-article, .archive .inside-article  {
    display: flex;
    flex-wrap: wrap;
}
@media (min-width: 769px) {
.blog .inside-article header.entry-header, .archive .inside-article header.entry-header {
    width: 100%;
}
.blog .inside-article .post-image, .archive .inside-article .post-image {
    flex-basis: calc(30% - 2em);
}
.blog .inside-article .entry-summary, .archive .inside-article .entry-summary {
    flex-basis: 70%;
}
}
@media (max-width: 768px) {
.blog .inside-article, .archive .inside-article {
    flex-direction: column;
}
}

This works beautifully, thank you Ying.

mark

No problem :)

This archived topic is closed to new replies.