Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1175906

    I created my ReCaptcha Badge with the CSS command
    .grecaptcha-badge { visibility: hidden; } switches off . However, it still displays on mobile devices, which is quite annoying. Is there a way to hide it there as well?

    #1175926

    Hey Nicky1976,

    Change to “display:none” instead.

    Best regards,
    Jordan Shannon

    #1175930

    When I change in “display none” ReCaptcha will not works for safety. That’s the probleme.

    #1175943

    Hi,

    Try the following:

    @media only screen and (max-width: 767px)  {
    .grecaptcha-badge { visibility: hidden; }
    }

    Best regards,
    Jordan Shannon

    #1175979

    Hello Jordan, thanks for the quick answer. Unfortunately, this code does not work either. But I got this answer in the WordPress forum:

    “It seems your custom CSS is limited to a certain screen size from within your Avia settings.Play around with the settings there to make sure it is globally applied for all screen sizes and not just desktops.
    If you can’t figure it out, as your approach is specific to the Avia theme, you’ll have to ask them through their support channels, or find another way to add your CSS globally (there are plugins for that).”

    Is it possible to do something about it?

    #1176086

    Hi Nicky1976,

    You can try the code just like this then:

    
    .grecaptcha-badge { visibility: hidden; }
    

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

    #1176104

    Hi and thank you. I use this code broadly and it works, only not with mobile devices.

    #1176111

    Hi Nicky1976,

    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

    
    .grecaptcha-badge { display: none !important; }
    

    If it does not work, please put it at the top of the Quick css, you might have some error in it.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1176128

    Experts warn against this code, because ReCaptcha will lose its function. Please read the text about Avia-Settings a few answers before. . I need a solution for this.

    #1176402

    Hi Nicky1976,

    Visibility hidden will not hide it. Please try using this code:

    
    .grecaptcha-badge { opacity: 0; }
    

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

    #1176700

    It isn’t works on mobile devices.

    #1177788

    Hi Nicky1976,

    Please add the code, clear the cache and let us test.

    Best regards,
    Victoria

    #1178081

    I’ve tried several times. It’s not working.

    #1178851

    Hi,

    Thank you for the update.

    The Performance > File Compression setting are currently enabled. Please disable the compression temporarily, remove the browser cache in your mobile device, then check the page again.

    Best regards,
    Ismael

    #1178920

    Unfortunately this is not the solution. Sorry

    #1179222

    Hi Nicky1976,

    You can try negative z-index but I am not sure if it’s going to help. The rule that hides things is display: none and if it breaks the functionality then, there is no other solution for this one, unfortunately.

    Best regards,
    Victoria

    #1179351

    Now it works. This code in the functions.php of the theme was the solution:

    function cf7_dequeue_scripts() {
    $load_scripts = false;
    if( is_singular() ) {
    $post = get_post();
    if( has_shortcode($post->post_content, ‘contact-form-7’) ) {
    $load_scripts = true;
    }
    }
    if( ! $load_scripts ) {
    wp_dequeue_script( ‘contact-form-7’ );
    wp_dequeue_script(‘google-recaptcha’);
    wp_dequeue_style( ‘contact-form-7’ );
    }
    }
    add_action( ‘wp_enqueue_scripts’, ‘cf7_dequeue_scripts’, 99 );

    Thanks for help. N.

    #1179716

    Hi,

    Great, I’m glad that you got things working and thanks for sharing your final solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.