Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How to have a featured posts section on homepage

  • Hi. How can I make the separtor line reach from one end to the other.

    Also how can I make the line thinner?

  • fernandoazarcon2

    Hi Erickimani,

    For reference, can you share the link to the site in question?


    password to view: eric66

  • fernandoazarcon2

    Are you planning to show anything in your right sidebar? If not, you can remove it through a Layout Element. Reference:

  • I will be havng adverts on the right side bar Beginning below the line. How do I proceed

  • fernandoazarcon2

    I see. If that’s the case, achieving that line wouldn’t easily be possible.

    What we can do is just an estimate.

    Here’s a CSS you can try for instance:

    hr.wp-block-separator.alignfull {
        width: 100vw;
        transform: translateX(-13%);

    To create a structure like that, you need to manually create a custom sidebar in your content. Then, you need to disable the default sidebar.

    This structure would allow you to create dividers that would stretch from end to end.

  • Is it possible to have the top part of the page above the line to have no sidebar and the side bar to be on the part of the page below the line?

  • fernandoazarcon2

    To clarify, do you want to move the sidebar under the content itself on desktop?

  • Hi,

    Thuis is the actual website using anotehr theme.

    You can see that the top part allows for a wider picture and mroe text on the side with the sidebar beginning below when using desktop view.

    I want to get this done using generatepress please

  • Is your goal to achieve the exact layout of the example site?

    Do you also need the load more button for the infinite scroll?

    If so, you can not use the query loop for the main loop, as the query loop block does NOT support infinite scroll at this moment. You will need to set the Blog as the homepage.

    Then add a block element – page hero for the top section.

    The top section can be built using a structure like this:

    - Grid
     -- Container (width:48%)
       --- Query loop block (posts per page: 1)
     -- Container (width:52%)
       --- Headline: Latest News
       --- Query loop block (posts per page: 5)

    And the main loop’s style can be created via block element – content template.

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