Header in Dispatch theme with GB

Hi Jose,

Your site looks good, we don't recommend switching site templates on a live site, it might generate some conflicts.

Here's the content of the Info homepage, follow the steps below:
https://pastebin.com/0uLgYcaw

1. create a new page.
2. click the 3 dots icon on the right top corner to enable the code editor.
3. copy/paste the code there.
4. click the 3 dots icon again to switch back to the visual editor.

Then you can select the first container which is the hero section, and paste it to your current homepage to replace the WP showposts.

Thanks Ying,
Nice!
Only I have a problem with the first image, I don't know why but it's not in a full size (square).
Thanks

Can you try adding this CSS?

.full-height, .full-height > .gb-inside-container {
    height: 100%;
}

Let me know :)

Finally I have made different changes and I am close to being able to remove the showposts plugin. However, I still have a few things to change:
- The widget on the right with 6 pots, sidebar, is shown correctly in a post (in a column) but nevertheless it is shown in 3 columns if I click on the menu in a category.

- the header, how can I make the letters look good on both light and dark backgrounds without affecting the opacity of the photo? How can I implement the zoom effect that I had with showspots when I hovered over it with the mouse?

Thank you so much

Hi there,

1. Add this PHP Snippet to your site, so the Query Loop does not attract the GP Blog Columns:

add_filter( 'post_class', function( $classes ) {
	$infinite_scroll_item_index = array_search( 'infinite-scroll-item', $classes );

	if ( in_array( 'gb-query-loop-item', $classes ) && $infinite_scroll_item_index !== false ) {
		unset( $classes[ $infinite_scroll_item_index ] );
	}

	return $classes;
} );

Which header? Is on the home page or the single post ?

Thx David,
Header in home page.
Thanks

Ummm...
I writ this code in the functions.php file on the child theme and it's the same...
I'm doing something wrong

Home page:

Edit the Query Loop block(s), inside that is a block titled : Post Template.
Select that and:

1. In settings set the Inner Z-index to 10
2. Give it a Gradient background. to create a darker shade behind the text.
2.1 Set the Gradient selector to pseudo:
https://docs.generateblocks.com/article/gradient-overview/

3. Set the background image selector to: Element.

The sidebar column issue:

Edit that Query Loop and select its Post Template block.
In the Layout set the Flex Child setting as this:

Grow: 1
Shrink: 1
Basis: 100%;

All done, all work!!!

Thanks David!!!

Glad to hear that