Need a little help with HTML in sign-up form

I’m not sure how much you understand about classes or ids, but using them can help you define the styles for this form.

Your form instructs you to put the code in your Header, however, if you’re using WordPress, you can put the just the styles in your customizer.

Something like these should do the trick. (so remove the <style type=”text/css”> – </style> area from the above form though}

#mc_embed_signup{background:#0000ff; clear:left; font:15px Helvetica,Arial,sans-serif; }
#mc-embedded-subscribe{background-color:purple !important;}

(of course, change to your desired colors)

Hello Kim,

Thank you so much!

I did what you said, but now i see just your piece of code (the part you gave me) out of the field of the form. I think something went wrong. My code is now as follows. What to do?

<!-- Begin Mailchimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
#mc_embed_signup{background:#0000ff; clear:left; font:15px Helvetica,Arial,sans-serif; }
#mc-embedded-subscribe{background-color: #001f59 !important;}<div id="mc_embed_signup">
<form action="https://disneyplusser.us4.list-manage.com/subscribe/post?u=0029732750189a4e07f8d0e39&id=ed31552436" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    <div id="mc_embed_signup_scroll">
			<h6>Vul hieronder je beste emailadres in, dan sturen wij je één keer per week een email met het laatste nieuws en releases van Disney+!</h6>
<div class="mc-field-group">
	<label for="mce-EMAIL">Emailadres: </label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
	<div id="mce-responses" class="clear">
		<div class="response" id="mce-error-response" style="display:none"></div>
		<div class="response" id="mce-success-response" style="display:none"></div>
	</div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_0029732750189a4e07f8d0e39_ed31552436" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="Meld mij aan!" name="Meld mij aan" id="mc-embedded-subscribe" class="button"></div>
    </div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email'; /*
 * Translated default messages for the $ validation plugin.
 * Locale: NL
 */
$.extend($.validator.messages, {
        required: "Dit is een verplicht veld.",
        remote: "Controleer dit veld.",
        email: "Vul hier een geldig e-mailadres in.",
        url: "Vul hier een geldige URL in.",
        date: "Vul hier een geldige datum in.",
        dateISO: "Vul hier een geldige datum in (ISO-formaat).",
        number: "Vul hier een geldig getal in.",
        digits: "Vul hier alleen getallen in.",
        creditcard: "Vul hier een geldig creditcardnummer in.",
        equalTo: "Vul hier dezelfde waarde in.",
        accept: "Vul hier een waarde in met een geldige extensie.",
        maxlength: $.validator.format("Vul hier maximaal {0} tekens in."),
        minlength: $.validator.format("Vul hier minimaal {0} tekens in."),
        rangelength: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1} tekens."),
        range: $.validator.format("Vul hier een waarde in van minimaal {0} en maximaal {1}."),
        max: $.validator.format("Vul hier een waarde in kleiner dan of gelijk aan {0}."),
        min: $.validator.format("Vul hier een waarde in groter dan of gelijk aan {0}.")
});}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

• This reply was modified 5 years, 5 months ago by ClaitonLord.
• This reply was modified 5 years, 5 months ago by ClaitonLord.
• This reply was modified 5 years, 5 months ago by ClaitonLord.