Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 10, 2018 at 12:31 pm #1043012
    Monique

    Hi there,

    The site https://vick.nl/ uses Enfolds MailChimp sign up forms. Because of the GDPR we checked the “Append a privacy policy message to mailchimp contactforms” at Privacy and Cookies in the theme options. On the site the checkbox is placed in between the fields, before the submit button, which results in an ugly style.

    I assume visitors need to accept the privacy policy before they click the submit button.

    Can you help me to place the privacy checkbox before/above the input fields, so at the beginning of the form? So that at the same time the three fields get inline again. At least for the larger screens.

    Thanks for your help.

    Best regards,
    Monique

    December 13, 2018 at 9:30 am #1044759
    Victoria

    Hey Monique,

    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

    
@media only screen and (min-width: 768px) {
   #element_avia_av_privacy_agreement_1 + .form_element.first_form {
     float: right;
    margin-top: -102px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 20, 2018 at 11:07 am #1047631
    Monique

    Hi Victoria,

    Thanks for your help but we’re not fully there yet I’m afraid. It seems to work well for the content section wide MailChimp form, although it places the checkbox under the input fields in stead of above. Officially you need to ask consent before people see/push the submit button. That’s why I asked to place it above the input fields.

    What is a bigger problem is that the code also influences the MailChimp form which is in the 3rd column footer and that really looks very ugly. See below link to a screen shot.

    So I had to take this code out again.

    Is there any chance the checkbox can be placed above the input fields in such a way that it looks good both for a content section wide form and a footer column form?

    Best regards,
    Monique

    December 20, 2018 at 3:38 pm #1047755
    Victoria

    Hi Monique,

    I made the code to work in that section only, please try:

    
@media only screen and (min-width: 768px) {
  #av_section_4  #element_avia_av_privacy_agreement_1 + .form_element.first_form {
     float: right;
    margin-top: -102px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    January 24, 2019 at 12:25 pm #1058121
    Monique

    Hi Victoria,

    Sorry for my late reply. You know, Xmas and so…

    That looks great, however works only on the home page. Not on the other pages where we’ve used this form, ie. at https://vick.nl/agenda/ and https://vick.nl/laatste-nieuws/.

    Is there perhaps an option to dedicate your code to the content section in all pages? Than we would only have to take into account that we use the same style of MC form in the content on each page we want to publish it.

    Thanks & regards,
    Monique

    January 27, 2019 at 9:56 pm #1059428
    Basilis

    Hi,

    Please try

    @media only screen and (min-width: 768px) {
  #element_avia_av_privacy_agreement_1 + .form_element.first_form {
     float: right;
    margin-top: -102px;
  }
}

    let us know if it works.

    Best regards,
    Basilis

    January 28, 2019 at 12:50 pm #1059600
    Monique

    Hi Basilis,

    Thanks, that works like a gem :-)

    Can you please flag this topic as solved?

    Best regards,
    Monique

    January 30, 2019 at 12:12 am #1060253
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘MailChimp privacy policy message placed between fields’ is closed to new replies.