www.wysiwygwebbuilder.com

Hi all!,
I have a project that I need a little help with. The site is published at: sungrowngourmet.com.

****EDIT**** Issue 1 is solved. In carousel properties if I pick background "solid" once I pick a color the alpha channel displays below it where I can set transparency.
1. On the home page, (which was based on the "Coffee 2.0" template) below the 3 cards is a carousel of quotes. I'd like them to be easier to read and want to add a transparent layer like on the card near the top of the page which says "Coming in 2022". I don't see how to add that. I see I can add a solid color background but cant find where to set it as a transparent overlay. I have examined the properties of the card and can't fine that option anywhere, although I imagine the property for a carousel might be in a different spot.


2. I have set the max width for every layout grid to 970 but the page doesn't respect that size and loads as wide as the monitor. I want the grid size to be respected and any extra space on either side to be a solid color.

Thanks for any help in advance!

Set the max-width to -970 (add a '-' in front of the number).

Thanks, I tried that with the grid properties, no effect though. (in page properties - is not permitted)

You don't put that in the page properties, you put in the layout grid properties.

I did put it in grid properties. No change.

If you simply type 970 in as the max width, this should limit the width of the content to 970. The grid itself will always span the width of the browser, but the content inside the grid will only get as big as 970. However, a background image will fill the entire length.

If you set it to -970, then the content including a background image will only be 970px wide leaving space on either side.

This is documented in the help.

If this is not working for you then there is another problem somewhere else.

OK, that is in fact the case, the background image is what extends beyond the grid. After trying again with the -970 and setting the grid layout/picture size to "cover" it is working the way I wanted. Thanks a bunch!

Enter the max-width with a '-' in front will do this.