Blog View

I guess this will help you. Add this CSS (appearance > customize > additional CSS) –

.entry-summary {
display:none
}

Or, if you’re a premium user, you can change settings from Layout options.

• This reply was modified 3 years, 4 months ago by Anuj.

Yup that CSS should work ??

Here is how you can add it:
Adding CSS: https://docs.generatepress.com/article/adding-css/

Hi

The summary that was seen turned out to be correct. But the title and featured image is coming up and down. So the featured image has to be placed in the right side and the title in the left side in front of it so that a lot of articles can be shown in one page without much space.

Screenshot of the demo look: https://pasteboard.co/dwXocA3gAuxR.png

What should be the size (pixels) of the featured image of the article or post

Hi there,

if you use GP Premium you can use the Block Element – Content Template:

https://docs.generatepress.com/article/block-element-content-template/

Then you can design exactly how your post list looks.

i have not premium version of generatepress. So please give me a css code.

Screenshot of the demo look: https://pasteboard.co/dwXocA3gAuxR.png

Sorry i thought you were considering GP Premium:

Or, if you’re a premium user, you can change settings from Layout options.

Try this CSS:

body:not(.single) .inside-article {
    display: grid;
    grid-template-columns: auto 150px;
    grid-column-gap: 40px;
    padding: 20px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
}
body:not(.single) .post-image {
    margin-top: 0;
}
body:not(.single) footer.entry-meta {
    display: none;
}

This code is working but the alignment of the pages of the website is getting worse. So check this code once if there is any bug somewhere.

Try this instead:

.blog .inside-article,
.archive .inside-article  {
    display: grid;
    grid-template-columns: auto 150px;
    grid-column-gap: 40px;
    padding: 20px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
    border-radius: 5px;
}
.blog .post-image,
.archive .post-image {
    margin-top: 0;
}
.blog footer.entry-meta,
.archive footer.entry-meta {
    display: none;
}