WordPress.org

Forums

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

  1. Brian Holloway
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

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

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

  6. mc_gabe
    MailChimp Support Rep
    Posted 1 year 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 1 year ago #

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic