Remove Placeholder Text

Hi Evil_Genius_Media,

Thanks for hopping in the forum. By default that placeholder text is taken from the default merge tag value that is set on your signup form. If you would like to edit the text that appears there check out this guide from MailChimp: https://kb.mailchimp.com/article/how-do-i-set-default-merge-values-like-dear-customer

If you want to remove it completely, there are a couple ways to do that. One option is editing the plugin code. So look in the mailchimp_widget.php and locate anywhere where placeholder=“‘…’” appears, remove everything inside the double quotes so it looks like this: placeholder=“”. But if you use this option, when the plugin updates, your changes will not stick. Also this would remove all of the placeholders not just the first name.

The other option would be to remove the placeholder with css which would remove just the first name placeholder. Add this bit of code to your sites css.

.mc_merge_var input#mc_mv_FNAME::-webkit-input-placeholder {
   opacity: 0;
}

.mc_merge_var input#mc_mv_FNAME:-moz-placeholder {
   opacity: 0;
}

.mc_merge_var input#mc_mv_FNAME::-moz-placeholder {
   opacity: 0;
}

.mc_merge_var input#mc_mv_FNAME:-ms-input-placeholder {
   color: transparent;
}

This should work in most browsers, but you might want to do some testing and make adjustments where you see fit.

-mcd

Hi mc_dominic,

I have been trying to figure out for days how to fix the field issues on my form (right side bar)

https://www.healyounaturally.com/blog/

I’ve been to my local CSS, to the plug in’s CSS, and followed your instructions above but nothing.

I checked in firebug and see this:

input:valid, textarea:valid {
margin: 5px 0;
width: 270px;
}

When I check off the width (the fields automatically get smaller and no longer show outside the form).

I have no idea where to find this.

Also I had added this code:
mc_input {width: 120px; height: 20pt; float: right; }
to my local CSS but even after dissabling it still doesn’t work. Help!!!

Thanks

Hi healYOUnaturally,

Thanks for hopping in the forum. I would be happy to help with this issue! When I view your form, I’m not seeing the fields expand outside of the box. Is that the issue you’re seeing? Or is there a specific style in the fields you’re trying to change? Any other details on the problems you’re seeing will help us find the best solution. If it’s a completely separate issue then the one started in this topic, it might be best to start a new topic.

-mcd