Tagged: 

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 18, 2020 at 9:21 pm #1175906
    Nicky1976

    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?

    January 18, 2020 at 11:00 pm #1175926
    Jordan Shannon

    Hey Nicky1976,

    Change to “display:none” instead.

    Best regards,
    Jordan Shannon

    January 18, 2020 at 11:14 pm #1175930
    Nicky1976

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

    January 19, 2020 at 1:05 am #1175943
    Jordan Shannon

    Hi,

    Try the following:

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

    Best regards,
    Jordan Shannon

    January 19, 2020 at 12:13 pm #1175979
    Nicky1976

    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?

    January 19, 2020 at 8:18 pm #1176086
    Victoria

    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

    January 19, 2020 at 8:48 pm #1176104
    Nicky1976

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

    January 19, 2020 at 8:56 pm #1176111
    Victoria

    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

    January 19, 2020 at 10:04 pm #1176128
    Nicky1976

    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.

    January 20, 2020 at 8:14 pm #1176402
    Victoria

    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

    January 21, 2020 at 1:03 pm #1176700
    Nicky1976

    It isn’t works on mobile devices.

    January 23, 2020 at 6:29 pm #1177788
    Victoria

    Hi Nicky1976,

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

    Best regards,
    Victoria

    January 24, 2020 at 11:46 am #1178081
    Nicky1976

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

    January 28, 2020 at 2:54 am #1178851
    Ismael

    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

    January 28, 2020 at 9:38 am #1178920
    Nicky1976

    Unfortunately this is not the solution. Sorry

    January 28, 2020 at 10:25 pm #1179222
    Victoria

    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

    January 29, 2020 at 10:32 am #1179351
    Nicky1976

    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.

    January 30, 2020 at 8:00 am #1179716
    Rikard

    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

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