Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1043012

    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

    #1044759

    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

    #1047631

    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

    #1047755

    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

    #1058121

    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

    #1059428

    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

    #1059600

    Hi Basilis,

    Thanks, that works like a gem :-)

    Can you please flag this topic as solved?

    Best regards,
    Monique

    #1060253

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘MailChimp privacy policy message placed between fields’ is closed to new replies.