How to make style content area homepage like this ?

Hi there,

try adding this CSS:

.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
    max-height: 200px;
    width: 100% !important;
    object-fit: cover !important;
}
.wp-show-posts-columns .wp-show-posts-inner {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(57,70,84,.1) 0px 4px 24px;
}

.wp-show-posts-inner .wp-show-posts-entry-header {
    padding: 0 10px 15px;
}

Worked! :)
If there are new update Generatepress, did my modification will lost?

Changes are only lost on update are only lost if you edit the Themes files.
If you have added that CSS to Customizer > Additional CSS or using the Simple CSS plugin, then NO they will not be lost.

How to export page style in my site ?

I want to duplicate that to other site

You can copy all the content from this page, then pasted it to a new page.

1. https://www.screencast.com/t/GHGYzaKk

2.https://www.screencast.com/t/RFm88xqaODSR

3. If the new page is in another website, copy paste the CSS to customizer as well.

Hope that's helpful.

I will try, thank you :)

No problem :)

Hi, i've duplicate the style.
When i use Excerpt text, the Excerpt text in homepage is not good position.
How to make the excerpt below of title ?
https://prnt.sc/13fy75p

Is this style built with block element dynamic content?

If so, try set a padding for this container:
https://www.screencast.com/t/Ih9vnkC6vykF

Or link me to the page, I can have a look for you to offer better help :)

Hi,
I build with WP Show Post and add shortcode WP Show Post to Gutenberg Builder.

Link : http://kamera.id/

Can you open a support topic in WPSP's forum?
https://wordpress.org/support/plugin/wp-show-posts/

Thanks!