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!
Page not respecting max width. (one issue solved)
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Re: Page not respecting max width. (one issue solved)
Set the max-width to -970 (add a '-' in front of the number).
Re: Page not respecting max width. (one issue solved)
Thanks, I tried that with the grid properties, no effect though. (in page properties - is not permitted)
Re: Page not respecting max width. (one issue solved)
You don't put that in the page properties, you put in the layout grid properties.
Re: Page not respecting max width. (one issue solved)
I did put it in grid properties. No change.
Re: Page not respecting max width. (one issue solved)
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.
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.
Re: Page not respecting max width. **Solved**
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!
Last edited by Fredl on Fri Aug 06, 2021 9:54 pm, edited 1 time in total.
Re: Page not respecting max width. (one issue solved)
Enter the max-width with a '-' in front will do this.