Mini Pop up + problem form

  • Resolved gresio64

    (@gresio64)


    4 years, 2 months ago

    Hi,

    1) For the pop up at the bottom right when a user has clicked on Accept or Reject, the small pop up appears, you can move its position higher, because it is not clear

2) The small pop up after consent in the cabinet Mobile is not visible, how does a user change your consent?

3) I have a problem with a form made with an element, when I go to the page I see this vertical warning message, as in the image, how can I solve

    https://e1.pcloud.link/publink/show?code=XZGe8HZn0T0bAbf5lBijlio50QmoXepncuV

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Aert

    (@aahulsebos)

    4 years, 2 months ago

    Hi @gresio64,

    Am I right in saying this looks like the screenshot here; https://complianz.io/elementor-recaptcha-and-the-native-form/

    The solution is there as well,

    Let me know!

    regards Aert

    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 2 months ago

    Hi @gresio64,

    And concerning the Manage Consent button, you can use this CSS to display it on mobile devices as well:

    @media (max-width: 768px) {
#cmplz-manage-consent .cmplz-manage-consent {
    display: unset;
    bottom: -5px!important;
}
}

    To always display the button in full, and not just on mouse-hover:

    #cmplz-manage-consent .cmplz-manage-consent { 
animation: none; 
bottom: -5px; 
}

    Kind regards,
    Jarno

    Thread Starter gresio64

    (@gresio64)

    4 years, 2 months ago

    Hi,

    I entered the CSS code in the Style.css file in the Thema Child, but it doesn't work, the small banner has not changed position.

From your smartphone once one selects your consent no banners appears to be able to change the preference

I entered the code for the form with recaptcha with an elementor but also in this case I still have the same problem

Another problem, on the site I use the thema customizar, I installed the plugin for Google fonts locally but I still have cookie fonts that are not blocked
    Request URL: 
https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2
Request Method: 
GET

content-security-policy-report-only: 
require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: 
font/woff2

:authority: 
fonts.gstatic.com

referer: 
https://fonts.googleapis.com/

    Thanks

    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 2 months ago

    Hi @gresio64,

    Concerning #1 and #2 in your last reply, could you try copying the below CSS to Appearance > Customize > Additional CSS? I tested this on a sandbox environment, where it works as expected.

    @media (max-width: 768px) {
#cmplz-manage-consent .cmplz-manage-consent {
    display: unset;
    bottom: -5px!important;
}
}

#cmplz-manage-consent .cmplz-manage-consent { 
bottom: -5px!important; 
}

    #3: Elementor & ReCaptcha
    You can remove the current placeholder by using the filter mentioned in this article under 2. Filter Placeholder, and then add the HTML field to your form to accept the ReCaptcha cookies.

    #4: Google Fonts
    You should manually remove the current implementation of Google Fonts, after which you can switch to a self-hosted implementation as detailed here.

    The main reason why we are not blocking Google Fonts automatically, as we do with most other services, is due to the impact Google Fonts has on your website’s front-end.

    Hope it helps!
    Kind regards,
    Jarno

    • This reply was modified 4 years, 2 months ago by Jarno Vos.
    Thread Starter gresio64

    (@gresio64)

    4 years, 2 months ago

    Hi,
    1) ok, I managed to move the highest mini banner
    2) While on smartphones it doesn’t work, I tried with some browsers, you see the first time the banner of the consents, then there’s no more track. This function should be gestist through your plugin, here in Italy is required that each user can change his preferences, other plugins work like this without having to go insert any code but managed by the plugin panel.
    3) I had already followed the instructions, I try to recheck if I forgot something
    4) I have to do a test`

    Thanks
    Sergio

    Plugin Contributor Jarno Vos

    (@jarnovos)

    4 years, 2 months ago

    Hi @gresio64,

    Concerning #2, once you add the CSS mentioned above (or in this article) the Manage Consent button should also become visible on Mobile devices.

    If this doesn’t appear to be the case for you, please provide an URL to your website and we can check why that occurs.

    Kind regards,
    Jarno

    Thread Starter gresio64

    (@gresio64)

    4 years, 2 months ago

    Hi @jarnovos,

    I entered the code you provide on the CSS page, I made tests with devices simulators, all over 768 px is visible, lower is not visible.
Reading the link you sent me is written that it is disabled for the devices below 768 px.
Also on that page I read that there is a shortcode, if you can prefer the mini banner otherwise if you tell me the shortcode.

The site that I am working on it is www.sitowebsubito.it

    Thanks

    Plugin Contributor Rogier Lankhorst

    (@rogierlankhorst)

    4 years, 2 months ago

    @gresio64 this part:

    display: unset;

    Is missing in your css. It will override the “display:none”.

    @media (max-width: 768px) {
  #cmplz-manage-consent .cmplz-manage-consent {
    display: unset !important;
  }
}

    If you add it, it will work.

    Can you remove the ‘code’ ticks around your replies? It’s very hard to read if your question is marked as code.

    Thread Starter gresio64

    (@gresio64)

    4 years, 2 months ago

    Hi,

    3) I then solved it, now it works well

    4) I followed the instructions but unfortunately I still have 2 google fonts .woff2 which are always active even if one denies consent.
    How can I resolve it?

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Mini Pop up + problem form’ is closed to new replies.