Site logo

Archived topic

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

11 replies · Started by Fajri on May 6, 2022

Viewing posts 1–12 of 12

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

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

i've read the link.
but i don't see a technical guide :(

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;
}

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

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

And is your site live ?

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.

how to downgrade the version of Generateblock ?

Thank u so much :)

No problem :)

This archived topic is closed to new replies.