Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 3, 2022 at 5:24 pm #1354047
    engage24

    I have added a MailChimp widget to the footer of a website. The fields are displayed in the wrong order. The surname field is first and then the name field. I would like the name field to come first and then the surname field to come second.

    I have tried to edit the fields in MailChimp but they are displayed there correctly.

    Thanks!

    June 4, 2022 at 8:08 pm #1354167
    Mike

    Hey engage24,
    Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

      #footer .avia-mailchimp-form fieldset {
  display: flex; 
  flex-wrap: wrap; 
  }
  #footer .avia-mailchimp-form #element_avia_1_1 {
      order: 1; 
  }
  #footer .avia-mailchimp-form #element_avia_2_1 {
      order: 2; 
  }
  #footer .avia-mailchimp-form #element_avia_0_1 {
      order: 3; 
  }
  #footer .avia-mailchimp-form .form_element:not([id*='element_avia_'])  {
      order: 4; 
  }

    After applying the css, please clear your browser cache and check.
    The expected results:
    2022-06-04_008.jpg

    Best regards,
    Mike

    June 6, 2022 at 10:17 am #1354284
    engage24

    Hi Mike,
    Thank you so much for the speedy response.
    It worked perfectly.
    Camilla

    June 6, 2022 at 1:10 pm #1354299
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mailchimp widget fields the wrong way round’ is closed to new replies.