Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey Chris!

    Thanks for getting in touch. I took a look at your site in order to see what’s up, but the text field for email address under Email Option #2 looked pretty normal to me. Are you still seeing this issue? If so, can you tell us a bit about the environment you’re seeing this in? Are you seeing this in a particular browser or multiple browsers? On just one computer or on multiple devices?

    If you’re still seeing this problem, we’ll be happy to take a look with a bit more information for determining how to test.

    Thanks,
    Gabe

    Hi,

    I encountered the same problem as chrysellyn. It works really fine, but the boxes name and mail are too small, too narrow. It’s really unreadable !

    I use Firefox. But with Chrome it display perfectly, i don’t undrestand why it doesn’t work properly with Firefox. I tried on an other computer and used Firefox again and same problem : boxes too small.

    my blog : https://photos-tutos.com/

    The subscribe is at the top-right.

    Many thanks.

    Hey Sera69!

    Thanks for chiming in with that extra detail. After taking a look and seeing the different behavior in different browsers, it looks like the Graphene theme being used includes a `padding: 6px 3px;” property in the CSS for input fields, which is adding some padding to the input fields on the site. The block of code this is found in in the theme’s CSS looks like this:

    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: 6px 3px;     <----This line
    	height: 16px;
    }

    You should both be able to resolve this by either removing that padding line in the site’s CSS or adding this to your site’s CSS to remove the padding specifically for the MailChimp input fields:

    #mc_signup_form .mc_input {
        padding: 0px;
    }

    That should do the trick!
    -Gabe

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘The box to enter the email address is too small to be readable’ is closed to new replies.