WordPress.org

1. lenscape
   Member
   Posted 4 months ago #

   Shortcode [mailchimpsf_form] produces ugly, unaligned form fields. It looks a mess and certainly not good enough for a live web site.

   http://wordpress.org/extend/plugins/mailchimp/

2. mc_nate
   Member
   Posted 4 months ago #

   Hey there!

   I followed up via email, but wanted to post here in case anyone else ran into the same issues.

   What's happening is that the shortcode is producing a seemingly unformatted form in the body of your page because it's looking at your sites CSS for some help on how it should display. By adding the following lines to your theme's CSS (under "Appearance" -> "Editor" -> "Style.css"):

   .mc_input {
   display: block;
   width: 300px;
   height: 20px;}

   We go from the original version, here:

   http://cl.ly/181Z2B293h471a240O2R

   To the formatted version, here:

   http://cl.ly/0k2n3P3d381800271n3l

   Basically, what that CSS is telling the form to do is to have the input boxes on a new line and to make them 300px x 20px in width/height. In the formatted version, I also got a little crazy and turned the background color for the submit button blue, but that was through some extra information that wasn't included in the code above.

   For formatting the form, we definitely recommend using Chrome's "Developer Tools" by right clicking (or command+click, if you're on a Mac) and using "Inspect Element" to isolate exactly what you'd like to change. If there's a specific question, feel free to follow-up!

   Cheers

Reply

You must log in to post.