*** SOLVED *** Layout grid issue

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
JayNicks
 
 
Posts: 19
Joined: Mon Nov 11, 2024 3:05 pm

*** SOLVED *** Layout grid issue

Post 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?
User avatar
AliGW
 
 
Posts: 537
Joined: Thu Dec 19, 2024 3:41 pm

Re: Layout grid issue

Post by AliGW »

Check the properties of each object - do you have padding settings added?
Ali
Retired, but still loving to learn & very busy.
https://alisongwright.me.uk
Novice with WWB, but was an avid user of Serif WebPlus before.
Fairly expert at Microsoft Excel (but not VBA) & Affinity by Canva (for page layout).
User avatar
Pablo
 
Posts: 24576
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Layout grid issue

Post 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
JayNicks
 
 
Posts: 19
Joined: Mon Nov 11, 2024 3:05 pm

Re: Layout grid issue

Post 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.
JayNicks
 
 
Posts: 19
Joined: Mon Nov 11, 2024 3:05 pm

Re: Layout grid issue

Post 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.
Post Reply