Hey 6363,
Thanks for swinging by support. It would be possible to change the field height for the form by editing the heightstyles for the .mc_input elements in the styles.css file for the page or theme.
Thank you again for posting. Please feel free to let us know if you have any other questions. Have a great day!
-Gunter
Help! I am using Graphene and I am having the same problem in Firefox only … the data entry field for the Mailchimp form is too small and is basically unusable. I tried mc_kath’s fix, which is like yours)…
<style>
.mc_input {
font-size: 12pt; }
</style>
and it didn’t work. It could be I don’t know how to implement the fix correctly. I am working in a child theme so I can make changes as recommended but this is the first time I’m trying it so maybe I’m doing it wrong. I inserted your code into the style.css within the child theme. Is that right? If not, please tell me more explicitly how to insert that code. Thanks!
Oh, I’m at whatididanddoandwhy.com
Hi there kaiulanifacciani,
After taking a look at your site and style.css file, I believe I’ve figured out what specifically needs to be changed to resolve the issues with field size you’re experiencing.
Locate this CSS in the style.css file for your site:
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
textarea {
border: 1px solid #e3e3e3;
color: #555;
font: normal 12px arial;
padding: 0px 0px;
height: 16px;
}
The padding: 0px 0px; specifically needs to change – making 0px in both cases either 10px or 15px seems to do the trick. You can also increase the font size in the font: element to increase the size of the text in the fields (which now have more room in them due to the increase in padding).
Let me know if there’s anything further I can assist with!
-Kath
