[Resolved] How to make style content post homepage and sidebar like section ?

[Fajri]

How to make style content post homepage and sidebar like section ?
marking with red

live demo : ponselio.com
screenshoot : https://prnt.sc/-w21mrLyPEQv

[Ying]

Hi Fajri,

You can try GenerateBlocks 1.5’s query loop block.
https://generateblocks.com/generateblocks-1-5-dynamic-data-query-loops-image-blocks/

[Fajri]

i’ve read the link.
but i don’t see a technical guide 🙁

[David]

Hi there,

lets tackle the sidebar first

Add a Latest Posts block to the sidebar.
And add this CSS:

.widget .wp-block-latest-posts li {
    position: relative;
    counter-increment: post-count;
    padding-left: 10px;
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.widget .wp-block-latest-posts li:not(:last-child) {
    border-bottom: 1px solid #ccc;
}
.widget .wp-block-latest-posts li:before {
    content: '#' counter(post-count);
    margin-right: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #ccc;
}

[Fajri]

Hi, for sidebar working.

But i want to make content area homepage like this : https://prnt.sc/gHXxl3MWhmUJ

In the link is not showing the step

[David]

Is your homepage a Static Page or is it showing your latests posts ?

And is your site live ?

[Fajri]

Hi sir, showing latests posts sir.

Yes, my site is live now.

Link : https://fajrialhadi.com/

[David]

The link that Ying shared is for GenerateBlocks 1.5 which is still in Alpha release – we DO NOT recommend using it on a live site as there will be breaking changes to the plugin. If you want to trial it on a developer site first then look to update your live site.

[Fajri]

how to downgrade the version of Generateblock ?

[Leo]

Just removed the currently installed Alpha version then re-install it:
https://generateblocks.com/install/

[Fajri]

Thank u so much 🙂

[Leo]

No problem 🙂

[Author]

Posts