How to customize Blog Section

Hi there,

Suggestions:

Reduce Container width to say 1200px. In the Customiser > layout > container. That will hit the blog, posts and pages.

For the pages where you're using Elementor you can use the Layout > Pagebuilder module to set this to full width and then control your design in Elementor. See here:
https://docs.generatepress.com/article/page-builder-container/

Change your body background color in Customiser > Colors > Body > Background color for contrast.
Adjust your heading styles in Typography > Headings and Colors > Content > Heading.

The CSS selectors for specific styling of elements you have on your site:

Entry Summary:
.entry-summary
a.read-more

Footer Meta:
.cat-links
.comments-link
.tags-links
footer.entry-meta .byline
footer.entry-meta .posted-on

Thanks David for you awesome suggestion.

Actually I am in GP Premium 1.6.2 , sorry for that.

Can you please describe me how can I make the read more button to full width.
And
.entry-summary is the class selector for blog list container.

Thanks

Increase the read more like so:

a.read-more {
    width: 100%;
}

So the blog posts are article.post which have an .inside-article wrapper within containing in current order: .entry-header .post-image .entry-summary footer.entry-meta

So .entry-summary is the text excerpt in each post.

The list container is .site-main

It works man. Thank

Glad to be of help :)