Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 6, 2017 at 7:31 pm #885741
    Sievers

    Hello,
    I’m trying to get the mailchimp signup form element to have the fields laid out horizontally like you have in the enfold 2017 demo.

    Here is our test site, see 3/4 way down the page the email signup form

    Home

    I’ve tried numerous CSS fields but cant seem to get them laid out horizontally.

    December 7, 2017 at 1:17 am #885848
    Jordan Shannon

    Hey jPickle,

    Here’s the old tutorial on how to integrate MC4WP with Enfold:

    MailChimp 4 WordPress Integration

    Best regards,
    Jordan Shannon

    December 8, 2017 at 5:31 pm #886552
    Sievers

    Thanks Jordan, However we’re not using the mailchimp forwordpress plugin, we’re using the enfold avia mailchimp element.

    Can you help with the css styling? or at least identifying the correct elements to choose?

    December 8, 2017 at 10:06 pm #886647
    Victoria

    Hi Sievers,

    You need to put the signup form in a wider element. There is not enough room for all of them in this one.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_ajax_form .first_form {
    clear: none;
    margin-left: 10px;
    width: 40%;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 8, 2017 at 11:48 pm #886660
    Sievers

    Awesome All good now! Thank you. I adjusted the form width from 40% to 30% and they all fit.

    Appreciate your help!

    December 8, 2017 at 11:52 pm #886661
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘avia mailchimp sign up form with horizontal fields’ is closed to new replies.