How do I change margins of form?

[thinkcarma]

I need to bring in the margins on the form so it doesn't stretch the full page. How do I do this when I am using the short code?

[EvanHerman]

Hi Thinkcarma,

You can style the forms using css selectors. For example, to shorten the width of the entire container housing the form you would do:

.yks-mailchimpFormContainer {
     width: 40%; // or some other px,em,rem,% value
}

That will re-size the entire form including all fields.

Thanks, Evan

[thinkcarma]

Thank you.

How do I set margins for it? It will only left justify.

chad carpenter / president thinkcarma.com http://www.thinkcarma.com/ / p 720.596.4608 c 281.475.3181 social media : https://www.facebook.com/thinkcarma http://www.twitter.com/thinkcarma http://www.linkedin.com/in/chadacarpenter

On Sat, Aug 30, 2014 at 7:39 AM, Evan Herman notifications@github.com wrote:

Hi Thinkcarma,

You can style the forms using css selectors. For example, to shorten the width of the entire container housing the form you would do:

.yks-mailchimpFormContainer { width: 40%; // or some other px,em,rem value }

That will re-size the entire form including all fields.

Thanks, Evan

— Reply to this email directly or view it on GitHub https://github.com/yikesinc/yikes-inc-easy-mailchimp-extender/issues/117#issuecomment-53958665 .

[EvanHerman]

Please provide a link to the page where the form is being displayed. I can only speculate without something to work from.

Thanks, Evan

[thinkcarma]

Here is the development page. It's not live yet.

Thank you!

chad carpenter / president thinkcarma.com / p 720.596.4608
social media :

On Aug 30, 2014, at 8:49 AM, Evan Herman notifications@github.com wrote:

Please provide a link to the page where the form is being displayed. I can only speculate without something to work from.

Thanks, Evan

— Reply to this email directly or view it on GitHub.

[thinkcarma]

Guess I should paste the address: http://carma.thinkcarma.com/newsletter/

chad carpenter / president thinkcarma.com / p 720.596.4608
social media :

On Aug 30, 2014, at 8:49 AM, Evan Herman notifications@github.com wrote:

Please provide a link to the page where the form is being displayed. I can only speculate without something to work from.

Thanks, Evan

— Reply to this email directly or view it on GitHub.

[EvanHerman]

You have no margins set on your page content.Anything you put on the page is going to be aligned left.

.yks-mailchimpFormContainer {
     display: block;
     width: 60%;
     margin: 0 auto;
}

That should get your form centered.

Thanks, Evan

[thinkcarma]

Well when I put copy on it I can place margins but it doesn't affect the form.

chad carpenter / president thinkcarma.com / p 720.596.4608
social media :

On Aug 30, 2014, at 8:54 AM, Evan Herman notifications@github.com wrote:

You have no margins set on your page content.Anything you put on the page is going to be aligned left.

— Reply to this email directly or view it on GitHub.