Site logo

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

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

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

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2211791
    Fajri

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

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

    #2211804
    Ying
    Staff
    Customer Support

    Hi Fajri,

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

    #2214820
    Fajri

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

    #2214911
    David
    Staff
    Customer Support

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

    #2215131
    David
    Staff
    Customer Support

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

    And is your site live ?

    #2215133
    Fajri

    Hi sir, showing latests posts sir.

    Yes, my site is live now.

    Link : https://fajrialhadi.com/

    #2215139
    David
    Staff
    Customer Support

    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.

    #2215140
    Fajri

    how to downgrade the version of Generateblock ?

    #2215591
    Leo
    Staff
    Customer Support

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

    #2216626
    Fajri

    Thank u so much 🙂

    #2216771
    Leo
    Staff
    Customer Support

    No problem 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.