Limiting Card Container Width

All WYSIWYG Web Builder support issues that are not covered in the forums below.
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
Post Reply
User avatar
Magical
 
 
Posts: 111
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Limiting Card Container Width

Post by Magical »

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

Re: Limiting Card Container Width

Post by crispy68 »

It works for me. In the card container, simply type 970 in the maximum width field. Same is true for a flex container.
User avatar
Magical
 
 
Posts: 111
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Limiting Card Container Width

Post by Magical »

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

Re: Limiting Card Container Width

Post by crispy68 »

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.
User avatar
Magical
 
 
Posts: 111
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Limiting Card Container Width

Post by Magical »

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

Re: Limiting Card Container Width

Post by crispy68 »

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)?
User avatar
Magical
 
 
Posts: 111
Joined: Thu Dec 14, 2017 5:08 pm
Contact:

Re: Limiting Card Container Width

Post by Magical »

Limit the background of the Card Container so it stays aligned to the header and the rest of the content at 970 width.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Limiting Card Container Width

Post by crispy68 »

Try adding the following CSS code between the <head> tags:

Code: Select all

<style>
#wb_FlexContainer1{max-width:970px;margin-right:auto;margin-left:auto;}
</style>
Change the word "FlexContainer1" to whatever the ID is of your flex container. This works the same for a Card Container.
Post Reply