www.wysiwygwebbuilder.com

If I may ask questions about the layout grid as I start to play with it. My next question is if I have a 2 column set up, left is image and right is text. I’d like the right column to have a gutter or max width, but I want the left column with the image to not have the same gutter or max width (I want the image to go to the edge of the screen – is this possible?

Thank you in advance. I’ll likely have more questions I won’t want to start a new thread on.

You can set the padding of the text to create extra spacing.

Ok. I appreciate this. I almost wish that when an image (or color) is used as the background of a layout grid column, that were was a choice to include or not include it in the gutter, padding or max width set for that layout grid. Or make it column specific. Not sure if this is possible. Sorry to ask for the world. You and WB is still the best. <3

You can set the padding for each column individually. The gutter is the same for all columns.

Padding for columns - perhaps it's left and right padding I am thinking of then. But got it. Thank you again.

Next question - what object can be used to proportionately crop an image that can go inside a layout grid. I truly wish "layers" would work inside a layout grid. On that note, if I simply set the background of the layout grid to an image - other than a shape overtop, how do I turn this into a clickable link?

Same question for maps - besides an image, how do I set a column of a layout gride to be a scrollable map that has goes from edge to edge?

Thank you for your time.

Layers are fixed/absolute object containers so they cannot be used inside a layout grid. That defeats the purpose of the layout grid.
To set an image edge-to -edge , use 'full width' property.
Objects cannot be layered on top of each other when they are floating

Related tutorial:
http://www.wysiwygwebbuilder.com/layout_modes.html

Understood on images, I saw that. Thank you. Anyway in future editions that rollover text object can do the same?

Thoughts on maps / html objects being able to go edge to edge without padding?

The Rollover Text object also supports full width mode.
Most extensions and scriptS also support it.

in future editions, is there anyway to perhaps set the background of a layout grid to a url or html object so it stretches from edge to edge?

If you add custom code then you will have to modify the code to make it edge-to-edge/
The software does not know how your code works so it cannot make these modifications for you.

So I emailed Pablo about how to ensure the layout grid can be centered both horizontally and vertically. He said - set to FlexBox as opposed to css grid. I double checked that FlexBox was supported by IE11 and above where css grid is supported by IE10 and above. Correct me if I am wrong...

Next question - I am trying to find the ready to use js where if the visitor is using an unsupported browser, they are notified to upgrade and / or to call the business owner for more information on their products & services.

Thoughts?

Dont think there is Ready-to-use-Javascript for this. But a Google search gave me the following
https://www.google.com/search?q=browser ... e&ie=UTF-8

IE partially supports flexbox, however it has (documented) bugs:
https://caniuse.com/#search=flexbox
(see: Known issues)

Ok - layout grid, 2 columns, left column is an image set as the background (0 padding 0 gutter), the right is text. What settings are needed for the height of both columns to be equal - that which is the right including padding set top and bottom? Currently I am using default grid system, fixed height, and a transparent shape on the image side so that the column doesn't collapse after the breakpoint set making the layout grid vertical. What's the trick, what am I missing? Thoughts?

With layout grids the column height cannot be equal unless the content is equal.
That is one of the reasons why flexbox was invented...

Cards - Are cards not compatible with IE11? I tried to look it up under "CanIUse" and found no results. What I am seeing in IE11 (and not seeing in other browsers) is extra space at the bottom of the text field - a lot of it. After some experimenting, the image seems to be affecting the space below the text - but again, only in IE11. Thoughts?

Cards use flexbox so they may not be fully supported by IE.