How to make simple edits to form?

Hey Leah!

Thanks for writing in. I’m happy to help out a bit. That HTML/Text format choice is actually part of your MailChimp list’s preferences. If you head into MailChimp, then go into your list and go to Settings > List name and defaults, you should see a checkbox option to disable that preference within the list. Clicking Save on that page, then coming back to the plugin and refreshing it should do the trick there.

Concerning the button, if you scroll down down to the bottom of the plugin’s settings page within WordPress (“WordPress Setup”, where you select your list and options), the bottom of that page has a little “CSS Cheat Sheet” in it which contains which CSS terms to use to customize certain parts of the plugin’s appearance. If you define #mc_signup_submit and its settings within your site’s CSS file, that should override the default appearance for the button.

So if you put something like this in your site’s CSS:

#mc_signup_submit {
font-size: 110%;
background: rgb(200, 50, 50);
color: rgb(255,255,255);
}

That would change the size of the button’s text (and therefore the button itself) to be 10% larger, the background of the button to be a shade of red, and the text color to be white.

If we can help with anything else, please let us know. We’ll be glad to help.
-Gabe

Hi Gabe! First of all, thanks for the hints regarding editing my CSS stylesheet. I feel like a bull in a china shop, and I’m afraid to break something, but I was able to change a couple of things. Right now I need to figure out how to adjust the spacing so it looks like the rest of my page though….but otherwise, it’s pretty good there. I also enlarged the button and changed the color just like you said! I used your bit of code but changed the font-size until I liked it. Again I’m a rank beginner here, but I appreciate the help!

One thing I CAN’T seem to do is make MailChimp not put the extra text in there at the bottom. (The HTML/Text choice.) I also do not need an asterisk and the “required field” line. I’ve been in my MailChimp setup as you instructed, and I’ve changed my options, but it seems these bits won’t go away.

WHAT I REALLY WISH I COULD DO IS see the code in the widget. Then I could simply delete the excess. But, the MailChimp Plugin helpfully hides the raw code from me. I suppose there are good reasons for that, but —- I can’t help it, I just want to delete those lines and be done with it! Is there any way to access what’s being done here so I don’t have to live with words I don’t want?

(erg, still trying to type different values into “line-height” – nothings happening….)

(Update: Used HTML to fix the line height. Can you tell I learned how to tag HTML 2.0 back in the 90’s? Yep, I’m old…..)

Hello Gabe! I solved the problem by going back in to the MailChimp setup and selecting the button at the top next to Your Lists – it’s called “Update List”. THAT did the trick to refresh the MailChimp widget to be right in line with my MailChimp account settings!

So, by “coming back to the plugin and refreshing it” – what one would do specifically is go back to the plugin widget settings, and at the top, click on the button called “Update List”. Just making that clear for anyone else who might be reading this thread ??

Thanks again Gabe!!!!

Hey Leah!

I’m glad you got that worked out! Thanks so much for updating me that you got that worked out and for the suggestion on that “Update List” clarification. I’ll keep that in mind next time I’m referring to the function for other users to make sure I make that clearer.

I’m glad I could help!
Gabe

I could use some help with this as well. I’m using the shortcode to add it to my contact page (since it doesn’t integrate with ContactForm7). I want to make my fields the same size as the others and make the Submit button smaller. It’s GIANT.

I’m still not sure where to put it in the CSS file to edit to add the code referenced above.

My site: https://www.blueriverweims.com/contact/