Align check box and label in mailchimp sign up form

[ariellevate]

Hi!
On this site: https://academy.lashpilot.com/ I have created a content area modal saying register for our course today! I have embedded an mailchimp sign up form and tried some different css to customize the look of it.
However I can’t seem to make the labels of the check boxes align with the check box, the checkbox is above the label. I added this css to try to correct it but no luck yet:

div.mc-field-group.input-group ul li {
list-style-type: none;
white-space: nowrap;
margin: 0px;
}

[marc_a]

Hi Ariell,

Thanks for reaching out.

I just check your website and the content area modal that has a mailchimp is just working great. The checkbox and label of the checkbox are now aligning properly.

I guess you already figure it out your issue.

Thank you.

[ariellevate]

Hi no, that the automatic pop up box you are describing, that’s not what I meant, click away the pop up box and you’ll see the content area model (button saying register for our course today) click that and you’ll see what I mean.

[marc_a]

Hi Ariell,

Please add this code in your Pro > Theme Options > CSS.

#mc_embed_signup_scroll .input-group ul {
	margin-left: 0;
}
#mc_embed_signup_scroll .input-group ul li input {
	float: left;
    margin-right: 5px;
    margin-top: 8px;
}

Please note that providing custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[ariellevate]

That worked perfectly! Thank you!

[tristup]

Hi Ariell,

Glad that we are able to help you.

Thanks