Mailchimp forms

Mailchimp forms
0

#1

Hi guys, how do I change SIGN UP grey button to : #b89f80 and how to I made the placeholder in bold please and add the * please?

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:200px;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">

    <div id="mc_embed_signup_scroll">
	<h2></h2>
<div class="mc-field-group">
<input type="text" value="" name="FNAME" class="" id="mce-FNAME" placeholder="FIRST NAME" required>
	</div>
<div class="mc-field-group">
<input type="text" value="" name="FNAME" class="" id="mce-LNAME" placeholder="LAST NAME" required>
		</div>
<div class="mc-field-group">

<input type="email" value="" name="EMAIL" class="" id="mce-EMAIL" placeholder="EMAIL" required>

	</div>
<div class="mc-field-group">
<input type="text" value="" name=" MMERGE3" class="" id=" mce-MMERGE3" placeholder="COUNTRY" required>
</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_8172f23fe9be1726052d983f1_2ff58ba8a1" tabindex="-1" value=""></div>
    <div class="clear"><input type="submit" value="SIGN UP"style=”background: #b89f80” name="SIGN UP" id="mc-embedded-SIGN UP" class="button"></div>
    </div>

</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[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='MMERGE3';ftypes[3]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

#2

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#3

Make sure you are using straight double quotes " instead of curly double quotes in the following:

style=”background: #b89f80

You can you the following to cover most browsers in between the <style> and </style>:

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: bold;
}
input::-moz-placeholder { /* Firefox 19+ */
  font-weight: bold;
}
input:-ms-input-placeholder { /* IE 10+ */
  font-weight: bold;
}
input:-moz-placeholder { /* Firefox 18- */
  font-weight: bold;
}

I do not understand what you are asking. What do you mean by “add the *”?