Page not respecting max width. (one issue solved)

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
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
Post Reply
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Page not respecting max width. (one issue solved)

Post by Fredl »

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!
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Page not respecting max width. (one issue solved)

Post by crispy68 »

Set the max-width to -970 (add a '-' in front of the number).
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Re: Page not respecting max width. (one issue solved)

Post by Fredl »

Thanks, I tried that with the grid properties, no effect though. (in page properties - is not permitted)
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Page not respecting max width. (one issue solved)

Post by crispy68 »

You don't put that in the page properties, you put in the layout grid properties.
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Re: Page not respecting max width. (one issue solved)

Post by Fredl »

I did put it in grid properties. No change.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Page not respecting max width. (one issue solved)

Post by crispy68 »

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.
Fredl
 
 
Posts: 112
Joined: Tue Feb 21, 2017 10:15 pm

Re: Page not respecting max width. **Solved**

Post by Fredl »

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.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Page not respecting max width. (one issue solved)

Post by crispy68 »

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