Layout grid not expanding to fit background image

[Fredl]

Hello, I'm wanting to use an image for a layoutgrid background but can't get the grid height to match the image, so only a tiny bit of the image is visible.
The column height is set to auto, but it stays too small in the vertical direction. If I set the height to fixed there is no place to set the size, what am I doing wrong? Thanks.

[bkjohns]

If you don't have any content in the grid or have not set margins then a thin line is all you will see. Put something in it or add big margins (for testing).

[Pablo]

The height of a grid column is zero if it does not have any content.

[Fredl]

I'm still having all sorts of problems getting this page to work for some reason. In the editor it looks fine but in preview it's a complete mess. I want the page to look like it does in the editor, I am using an image as the background for the header and the first layout grid below the header, I don't understand why it's such a mess. Here is a link to the project files: https://drive.google.com/drive/folders/ ... sp=sharing

If you have any tips on how to achieve this layout, and for it to be responsive I'd appreciate it. If you can tell me what I'm doing wrong that would be appreciated too, because I have no idea why nothing I'm doing is working.

I'm attaching pictures of the editor, and 2 previews, which are of the same page, it displays 2 different ways randomly. https://imgur.com/a/WDpeiee


****EDIT****I started over and disregarded the placement of text and the empty space between my grids and now it looks wrong in the editor but looks fine in preview. I still don't know what I did wrong in my example, but at least I'm making some progress!

[Pablo]

In the projetc you can shared, the page header is set the 'full screen'. This means that it's only visible when the user move the mouse to the top of the page.

The background image of the layout grid is set to 'do not repeat', so the browser will show the image at it's original size (once, no repeat)

Text2 is not part of the layout grid, it has an absolute position. You can see this in the Object Manager.

So, all the errors are in your settings/layout.

[paddlefoot]

You may benefit from watching some tutorials by Greg Hughes, who used to sell WYSIWYG WebBuilder under the name of 90-second Webbuilder. He made the following two on getting started with layout grids, including a background image in the layout grid.

Part 1--https://www.youtube.com/watch?v=_VncgH_cPVM
Part 2--https://www.youtube.com/watch?v=8X-C_vgPwaw

[Fredl]

You may benefit from watching some tutorials by Greg Hughes, who used to sell WYSIWYG WebBuilder under the name of 90-second Webbuilder. He made the following two on getting started with layout grids, including a background image in the layout grid.

Part 1--https://www.youtube.com/watch?v=_VncgH_cPVM
Part 2--https://www.youtube.com/watch?v=8X-C_vgPwaw

Thanks very much! I have watched a few Webbuilder tutorials but these were great! I can recommend them to anybody learning to use this great software!