Page 1 of 1

*** SOLVED *** Layout grid issue

Posted: Mon Mar 09, 2026 2:47 am
by JayNicks
i have 2 stacked layout grids. The top one has a top margin of 47px but no margin on the bottom. In WYSIWYG Web Builder the 2 layout grid butt up against each other, but when I preview in a browser, a gap of about 55 pixels (just a guess) appears between the 2 and i can't seem to figure out what the issue is. I've tried many things and searched for a solution. This is my last resort.

I wanted to post a sample of it but I don't have anywhere to upload the image to to make a link to it.

Some extra info. The top layout grid is actually one grid inside of the other. The outer grid has 3 columns and is formatted as a default, fluid with the height set to auto. The style is set to have gradient background that repeats in horizontal only, aligned center top.

The inner grid has three columns is positioned inside the center column of the outer grid with a 47 px top margin (as mentioned above) This inner grid is formatted as a flexbox with a fluid layout. The first column has a fixed width of 189px, the middle column has nothing specified, the third column has a fixed width of 98px. The fixed width columns house images with full width properties set to "false" - alignment center.

When I go to add another layout grid right under these two combined grids, a 55px space separates the two when previewing in a browser (Brave).

Anyone know what i'm doing wrong here?

Re: Layout grid issue

Posted: Mon Mar 09, 2026 6:20 am
by AliGW
Check the properties of each object - do you have padding settings added?

Re: Layout grid issue

Posted: Mon Mar 09, 2026 7:04 am
by Pablo
To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Re: Layout grid issue

Posted: Mon Mar 09, 2026 12:11 pm
by JayNicks
AliGW wrote: Mon Mar 09, 2026 6:20 am Check the properties of each object - do you have padding settings added?
Nope. All those types of things i have checked...padding, margin etc.

Re: Layout grid issue

Posted: Mon Mar 09, 2026 12:14 pm
by JayNicks
Pablo wrote: Mon Mar 09, 2026 7:04 am To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134
Thanks for your reply Pablo. I think I've figured it out. I had column height set to "fixed" on the outer layout grid. I set it back to "auto" and that did the trick.
I must've set it to "fixed" trying to figure something else out.