I’m having this same issue and would also appreciate the repsonse.
Hey there,
In taking a look at the first site (officets.com) it looks like the issue may already be resolved, as the fields are aligned together on the right sidebar. If you’re still seeing issues, could you link me to the page that you’re seeing the sign up form in question?
Rhenna, for your site, you’ll want to add a bit of CSS code to align those form fields. I found that adding something like:
.mc_merge_var {
text-align: right;
}
resulted in your form fields being aligned to the right. In adding this, you’ll want to make sure to test your design in various browsers to ensure that this is consistent across each. Let me know if you have any questions!
-tk
The alignment worked, but it’s still a bit clunky in appearance. Is there a way to decrease the length and/or height of the boxes? Or decrease font size?
hi – having the same problem… where do I enter the code snippet mentioned above exactly?
also, another support post asked about changing (shrinking) the font size… can you give some pointers on this too please?
thanks
alex
alexwhyatt.com/george
@Rhenna
The size of your input fields can be controlled by adding your own CSS code as well. I’d recommend using a tool like Firebug to identify the HTML/CSS elements that need to be edited in order to obtain the desired look. Specifically for the input fields, you should be able to control that by adding something like this:
#mc_signup_form .mc_input {
height: 10px;
width: 100px;
}
Depending on the font you want to edit (i.e. the labels or the text inside of the fields) you’ll want to set a font-size in your CSS as well. If you want to edit the font-size inside of your input fields, you should be able to do so by adding font-size into the above bit of CSS code too.
@casinoal
The CSS code mentioned will just have to be present on the page. One option would be to add this to your WordPress theme’s stylesheet, which is typically named style.css and is editable from inside of your WP-admin area.
For shrinking the font-size, it depends which part of the form you’re looking to control the font-size for. If you’re looking to targe the size of the font in your input fields, use the above snippet of code I suggested for Rhenna and add font-size to there. For the labels, you can target the labels like this:
#mc_signup_form .mc_var_label {
font-size: 20px;
}
Let me know if you have any questions!
-tk
