MailChimp Intregration – Button size and alignment

Hi
I would like to add one more issue with the form on the home page. When I enter text into the form, the color is gray (like the placeholfer), how can I get it to be #191816 (black)?

Thanks
Lyse

Hi Ygit,

Your suggested CSS changes resolved my issue #1. Thank you.

As for issue #2:
If you look at the form added at the bottom of the blog content, you’ll notice that the changes I have applied to the form (which I refer to as my newsletter form I use on my home page) get applied on the “default form” that gets styled by the Enfold theme MailChinp Integration. I use the MailChimp for WordPress Pro plugin that allows me to create multiple forms. So, I am tryng to customize the “default form” so it does not use the styling I have applied to my newsletter form (and which I intend to use on other pages). So how do I style the default (blog) form separately from what I’ve used for the newsletter from.

The border to the input fields on the default form could be color: #b9a790, the input text color #191816,the button color: #191816, the button hover state color#cc6600, the background color can be #f4f4f4

Hope this helps clarifies my issue #2 and how to customize the default form to be used on the blog pages.

Thanks for your patience
Lyse

Hi Andy,

Unfortunately, these changes affect the form I use on the home page (where I use the following: CSS

#top .mc4wp-form input[type=’text’],#top .mc4wp-form input[type=’email’],#top .mc4wp-form select,#top .mc4wp-form textarea{background:transparent!important;border: 2px solid #ffffff!important; width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}

So, how do I prevent one from overwriting the other where the same elements are used?

Thanks
Lyse

Hi Andy
I thought about that, however, one for is for blog pages and the other for a number of pages. So page ids is way too specific. What about the form id? Would that work and if so, how would it work?
Thanks
Lyse

Hi Andy
The post id is to specific. I tried with form-id and that did not work, but good thought to ask MailChimp if that is possible.
I also tried you suggestion. I get different results not quite right for all of the CSS class. I’ll keep working at it.

One additional question. I have radio input that I added to my signup form so that subscribers choose which list to be added to. My newsletter is either for customers or wholesalers. I would need help styling the radio options inline. I tried the following in my form:
<div>
<p class=”first_form form_element form_element_third”>
<input type=”text” name=”FNAME” placeholder=”Name*” required />
</p>
<p class=”form_element form_element_third”>
<input type=”email” name=”EMAIL” placeholder=”E-Mail*” required />
</p>
<p class=”form_element form_element_third modified_width”>
<input type=”submit” value=”SUBSCRIBE” class=”button” />
</p>
<p class=”first_form form_element form_element_third”>
Interest as:
<label class=”radio-inline”>
<input type=”radio” value=”Customer” name=”MMERGE2″ id=”mce-MMERGE2-0″ required />Customer
</label>
<label class=”radio-inline”>
<input type=”radio” value=”Wholesaler” name=”MMERGE2″ id=”mce-MMERGE2-1″ />Wholesaler
</label>
</p>
</div>

and added this CSS class:
.radio-inline {
display: inline-block;
}

yet nothing gets displayed inline. Any idea what I’m doing wrong?

Thank you for your patience.
Lyse

HI Andy.

Thank you, adding important worked!

Lyse