Best practice for building a custom front page

Hi there,

1. Just create a Block Element – Page Hero for this: https://share.zight.com/bLuQxAxX

This would consist of 2 Query Loops.

2. You can add a snippet like this:

function custom_offset_posts( $query ) {
    // Check if it's the main query and if it's the blog page
    if ( $query->is_main_query() && $query->is_home() ) {
        // Set the offset value (adjust as needed)
        $offset = 5; // Change this to your desired offset

        // Modify the query to include the offset
        $query->set( 'offset', $offset );
    }
}
add_action( 'pre_get_posts', 'custom_offset_posts' );

Adding PHP: https://docs.generatepress.com/article/adding-php/#code-snippets

Hi there,

can i see the page where the styles are being overwritten?

Duplicate the problem headline block and delete the original
It will re-generate the unique CSS ID for that block.

This kinda of thing can happen if you copy blocks between posts, eg. from a post to an element, they end up with the same ID and the last block on the page to load will get the dibs on the CSS.

you’re welcome