[Support request] Home page and archive display

Home Forums Support Home page and archive display

  • This topic has 9 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1456372
    Mohamed

    Hi,

    I want to display latest posts in the home page or archive page like that
    https://prnt.sc/umv4z7

    2-Is there anyway to add an icon to every category?
    3-What is best post views plugin you advise me (keep performance and don’t use a huge CPU recources)?

    #1456546
    David
    Staff
    Customer Support

    Hi there,

    1. that would require custom CSS – if you can share a link to your site i cant take a look to see if we can help with that.

    2. Not easily done – if i can see the site i may be able to suggest an option.

    3. To display Post lists on static pages or inside posts we recommend WP Show Posts https://wordpress.org/plugins/wp-show-posts/

    #1456846
    Mohamed

    Hi David,
    The site is attached and it’s beginning

    #1457133
    David
    Staff
    Customer Support

    Can you add a Featured Image to your post.
    And set the Display excerpt and excerpt length in Customizer > Layout > Blog:

    https://docs.generatepress.com/article/blog-content-layout/

    Once thats done i can look at the CSS required

    #1457198
    Mohamed

    I did it, but excerpt in home page not activated

    #1457379
    David
    Staff
    Customer Support

    Now try adding this CSS:

    body:not(.single) .post-image img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }
    body:not(.single) .post .inside-article {
        padding: 20px 20px 0 20px;
        border: solid 2px #ddd;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    body:not(.single) .post-image {
        margin: -20px -20px 20px -20px !important;
    }
    body:not(.single) .post-image img {
        width: 100%;
        height: 240px;
        object-fit: cover;
        
    }
    .entry-summary {
        order: 10;
    }
    .read-more-container a.read-more {
        width: 100%;
        margin-top: 20px;
        margin-right: -20px !important;
        padding-top: 20px;
        color: #a7cb38;
        background-color: #fff;
        border-top: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
    }
    .read-more-container a.read-more:after {
        content: ">";
        font-size: 20px;
        font-weight: bold;
    }
    #1457647
    Mohamed

    Perfect
    But it’s working on categories pages not on the home page

    #1458103
    David
    Staff
    Customer Support

    How did you add the CSS?

    #1458298
    Mohamed

    I added it to css style file and it’s working fine on the archive page but the excerpt didn’t displayed in the HomePage!
    How can I display it by the customizer?

    #1458367
    David
    Staff
    Customer Support

    Can you try disabling other plugins or remove any custom functions as the home page should reflect output the same layout and content as the category archives.

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