Archived topic
Archive page featured image presentation
3 replies · Started by Evan on October 27, 2021
Viewing posts 1–4 of 4
On my category pages, like this:
https://salidachamber.org/category/art-culture-entertainment-events-theatre/artists-art-galleries/
I would like to have the text NOT wrap below the featured image. See the third business listing - Elk Raven Photography. Is there a way to do this?
mark
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.