Limiting Card Container Width
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
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
Limiting Card Container Width
I am trying to limit the Card Container to a width of 970. I tried using -970 (which works for the layout grid) but it does not work for Card Container. Is there a way to restrict the Card Container to a certain Width? Same issue with the Flex Container.
Re: Limiting Card Container Width
It works for me. In the card container, simply type 970 in the maximum width field. Same is true for a flex container.
Re: Limiting Card Container Width
If you add an image to the card container background style then it is visible that the container takes the enter width of the browser.
Re: Limiting Card Container Width
You did not mention anything about adding an image to the background of a flex container or card container in your original post. This make sense as the container is full width. I'm not sure if it's currently possible. It may be something Pablo can add similar to the layout grid.
Re: Limiting Card Container Width
I was trying to customize the sunset template. I can fix the header width using -970 but that is a layout grid. Tried the same on the card container and it did not work.
Re: Limiting Card Container Width
I guess i'm confused on what you are trying to do exactly. Are you trying to limit the width of the content placed inside the container (based on your first post) or limit the width of the background image (2nd post)?
Re: Limiting Card Container Width
Limit the background of the Card Container so it stays aligned to the header and the rest of the content at 970 width.
Re: Limiting Card Container Width
Try adding the following CSS code between the <head> tags:
Change the word "FlexContainer1" to whatever the ID is of your flex container. This works the same for a Card Container.
Code: Select all
<style>
#wb_FlexContainer1{max-width:970px;margin-right:auto;margin-left:auto;}
</style>