"mailchimp" (#1735900) / PenciDesign

Comments

Niklas started the conversation
October 4, 2018 at 9:03pm
Hello i have a question about changing the design on the mailchimp widget/plugin so I have name and e-mail in the field. I have set that up in admin. But the name doesn't show up. I'm not sure if you have developed this but maybe you can help me out anyway. Here is the code I have used.

<p class="mdes">Subscribe to our Newsletter for advice & tips. Let's stay updated!</p>
<p class="mname"><input type="text" name="NAME" placeholder="Name..." /></p>
<p class="memail"><input type="email" id="mc4wp_email" name="EMAIL" placeholder="Email..." required /></p>
<p class="msubmit"><input type="submit" value="Subscribe" /></p>
<p>
<label>
I have read and agree to the terms & conditions
</label>
</p>

2,700

PenciDesign replied

October 5, 2018 at 3:08am

Hi,

Yeah, by default we don't display the name on Footer SignUp Form, to make it display, please try add more this code to Customize > Custom CSS:

.footer-subscribe .mc4wp-form{ max-width: 600px; }
.footer-subscribe .mc4wp-form .mdes{ margin-left: -70px; }
.footer-subscribe .mc4wp-form .mname { display: inline-block; float: left; width: 220px; margin-right: 10px; }
.footer-subscribe .mc4wp-form .memail { display: inline-block; float: left; width: 220px; }
@media only screen and (min-width: 769px){
    .footer-subscribe .mc4wp-form .mdes{ margin-left: 0; }
    .footer-subscribe .mc4wp-form .mname,
    .footer-subscribe .mc4wp-form .memail { margin-right: 0; margin-left: 0; width: 100%; }
    .footer-subscribe .mc4wp-form .msubmit{ width: 100%; margin-left: 0; }
    .footer-subscribe .widget .mc4wp-form input[type="email"],
    .footer-subscribe .widget .mc4wp-form input[type="text"],
    .footer-subscribe .widget .mc4wp-form input[type="submit"]{ max-width: 100%; }
}

Best Regards,

PenciDesign