Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #380589

    Hello,

    I have added a mail chimp email form in the first column of my footer using their wordpress pugin. I’m trying to get the name and email field to appear on the same line instead of underneath each other and also so I can modify the css for the submit button (float:left;, background-color/text-color, etc. but I can’t seem to figure out what enfold CSS is overriding it.

    Is there is something I can add to my quick css to quickly solve this?

    Thanks.

    #381095

    Hi samadhi_!

    Add this to your custom CSS.

    .mc4wp-form > label, .mc4wp-form input {
      float: left;
      width: auto !important;
    }
    .mc4wp-form > input[type="submit"] { float: none !important; }
    

    Cheers!
    Elliott

    #381128

    Hey Elliot,

    Thanks for the quick response, I was able to modify the code you gave me to get it mostly looking the way it should but the alignment of the input fields and submit button seems to break when the site is viewed on smaller screens and I’m not sure what is causing it?

    • This reply was modified 9 years, 10 months ago by samadhi_.
    #381442

    Hey!

    On mobile, you can set the width of the input fields to 100% then place it on top of one another. Use this:

    @media only screen and (max-width: 767px) {
    .mc4wp-form > label, .mc4wp-form input {
    width: 100% !important;
    }
    
    .mc4wp-form input[type='Submit'] {
    width: auto !important;
    }
    }

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.