Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 16, 2015 at 4:39 am #380589
    samadhi_

    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.

    January 16, 2015 at 9:58 pm #381095
    Elliott

    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

    January 16, 2015 at 11:08 pm #381128
    samadhi_

    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_.
    January 18, 2015 at 12:07 pm #381442
    Ismael

    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

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