Change height of one input box

Hey JrBro,

Thanks for getting in touch. Each field in the form will have an id associated with it based on the merge tag it uses in your MailChimp list. It will be #mc_mv_MERGE, where MERGE is replaced with the actual merge tag. So, for example, the default first name field in a list will get a CSS id for its input field of #mc_mv_FNAME.

If you then put CSS like this in your theme’s style.css file, it would let you customize the height of the particular field:

#mc_mv_FNAME {
	height:35px;
}

That should do the trick for you,
Gabe

Thanks, that made it bigger. Which I wanted, but now the cursor starts in the middle of the text box.

Is there a way to make the cursor start at the top of the box?

Hi JrBro,

Thanks for writing back. Would you mind sending us a link to the page with the form installed? That will help us find the best way to move the cursor.

We look forward to hearing from you!

-mc_d

https://jrbweddings.com/?page_id=13

It is the ‘Your Message To Us!’ box.

Hey JrBro,

Thanks for the link! I was able to look at the page and see what’s up. It’s important to note that because this is a field getting submitted to MailChimp as a text value, the values it can accept are limited in length to 255 characters. Additionally, because the field itself is a “text” field in the form, it’s generally made to accept a single line of text. Because of that, a vertical alignment option wouldn’t work. To emulate that effect, however, you can add some padding to the field like this:

#mc_mv_MMERGE2 {
height: 100px;
padding: 0 0 80px 5px;
}

That should do the trick for you,
Gabe

Thanks!