WordPress.org

Ready to get started?Download WordPress

Forums

MailChimp List Subscribe Form
Change height of one input box (7 posts)

  1. Brian Holloway
    Member
    Posted 11 months ago #

    I know you can change all of the input heights with .mc_input

    but how do you change the height of just one of the text boxes?

    https://wordpress.org/plugins/mailchimp/

  2. mc_gabe
    MailChimp Support Rep
    Posted 11 months ago #

    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

  3. Brian Holloway
    Member
    Posted 11 months ago #

    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?

  4. mc_dominic
    MailChimp Support Rep
    Posted 11 months ago #

    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

  5. Brian Holloway
    Member
    Posted 11 months ago #

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

    It is the 'Your Message To Us!' box.

  6. mc_gabe
    MailChimp Support Rep
    Posted 11 months ago #

    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

  7. Brian Holloway
    Member
    Posted 11 months ago #

    Thanks!

Reply

You must log in to post.

About this Plugin

About this Topic