-
Posts
-
Hey guys,
I’ve got a few questions about mailchimp integration into Enfold. I followed all steps in your manual and using Mailchimp for WP plugin.
1. In all my contact forms on the website I’m using dark transparent color scheme – is there any way how to use it also for my mailchimp signup form to make it look the same?
2. I use the one-line signup form. I slightly modified the form mark-up to accomodate four form columns (first name, last name, email and submit button) in one line but after that the submit button isn’t in line with other form colums, is slightly below. What am I doing wrong? Here’s the code.-
<p class=”first_form form_element form_element_fourth”>
<input type=”text” name=”FNAME” placeholder=”Vaše meno” required />
</p>
<p class=”second_form form_element form_element_fourth”>
<input type=”text” name=”LNAME” placeholder=”Vaše priezvisko” required />
</p>
<p class=”form_element form_element_fourth”>
<input type=”email” name=”EMAIL” placeholder=”E-mailová adresa” required />
</p>
<p class=”form_element form_element_fourth modified_width”>
<input type=”submit” value=”Sign up” class=”button” />
</p>Thanks for your help!
MartinHey martinmarek!
1.) I think it would be possible. If you send us a link to your website showing the Mailchimp form we can provide you some CSS code for customization.
2.) When I use your code it looks like this for me:
What do you want to change? Please send us screenshots of the things you see and a sketch of what you want to achieve.Regards,
AndyHey!
Try with this code:
<fieldset class="av-light-form"> <p class="first_form form_element form_element_fourth"> <input type="text" name="FNAME" placeholder="Vaše meno" required /> </p> <p class="second_form form_element form_element_fourth"> <input type="text" name="LNAME" placeholder="Vaše priezvisko" required /> </p> <p class="form_element form_element_fourth"> <input type="email" name="EMAIL" placeholder="E-mailová adresa" required /> </p> <p class="form_element form_element_fourth modified_width"> <input type="submit" value="Sign up" class="button" /> </p> </fieldset>That will make the form transparent, i’d suggest putting it inside a color section with a dark background.
Best regards,
JosueThanks Josue!
Styling works perfecly, I changed it to dark transparent. But the problem with the “Sign up” button remains, it’s still not aligned with other fields (as on the screenshot). What can I do with that?
Thanks,
Martin
Hi!
I cannot connect to your website.
“Due to protection of web servers from repeated attacks, we were forced to restrict access to administrative interface of web pages to selected countries. If you are currently in a foreign country, please sign in to WebAdmin, proceed to your domain management and disable this GeoIP filter in CMS Support section.”
I asked my teammates to check your website. Please kindly wait to hear from themRegards,
YigitHi!
Please add following code to Quick CSS
#mc4wp-form-1 .modified_width:before { display: none; }Best regards,
YigitThanks!
It works, it’s all aligned now. But missing borders around Sign up button, there’s only the bottom one.
Hi!
Please add following code to Quick CSS as well
.mc4wp-form .modified_width .button { border: 1px solid black; } .main_color input[type='submit']:hover { border-color: black; color: black; }Regards,
YigitHey!
You are welcome, glad we could help :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Best regards,
Yigit
- The topic ‘Styling mailchimp signup form’ is closed to new replies.