[Resolved] Archive page featured image presentation

Home Forums Support [Resolved] Archive page featured image presentation

Home Forums Support Archive page featured image presentation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1978923
    Evan

    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

    #1979015
    Ying
    Staff
    Customer Support

    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;
    }
    }
    #1979134
    Evan

    This works beautifully, thank you Ying.

    mark

    #1979165
    Ying
    Staff
    Customer Support

    No problem 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.