WordPress.org

Support

Support » Plugins and Hacks » MailChimp List Subscribe Form » Change height of one input box

Change height of one input box

Viewing 6 replies - 1 through 6 (of 6 total)
  • mc_gabe

    @mc_gabe

    MailChimp Support Rep

    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?

    mc_dominic

    @mc_dominic

    MailChimp Support Rep

    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

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

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

    mc_gabe

    @mc_gabe

    MailChimp Support Rep

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change height of one input box’ is closed to new replies.
Skip to toolbar