Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 21, 2018 at 5:33 am #1012641
    aussiedropbear

    Hello,

    I have a mailchimp form on the ‘our listings’ in the link below. i intend to add this to most pages once it is working correctly.

    I have researched how to do this and have tried a few methods on Quck CSS etc. but still no joy in having the mailchimp fields align horizontally.

    Any help is appreciated.

    Cheers
    John

    September 21, 2018 at 12:46 pm #1012746
    Mike

    Hey John,
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (min-width: 767px) { 
.avia_ajax_form.avia-mailchimp-form p {
    float: none !important; 
    width: 23% !important;
    display: inline-block !important; 
}
.avia_ajax_form.avia-mailchimp-form p:nth-child(-n+3) {
    margin-right: 1% !important;  
}
}

    2018-09-21_064105

    Best regards,
    Mike

    September 21, 2018 at 11:07 pm #1012932
    aussiedropbear

    HI Mike.

    Many thanks. I think that has done the trick.

    Cheers
    John

    September 22, 2018 at 12:01 am #1012949
    Mike

    Hi,
    Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

    Best regards,
    Mike

    September 25, 2018 at 1:04 am #1013945
    aussiedropbear

    Hi Mike.

    Yes please close.

    Cheers
    John

    September 25, 2018 at 6:20 am #1013999
    Rikard

    Hi John,

    Thanks for letting us know. I’ll close this for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mailchimp horizontal fields’ is closed to new replies.