Ocultar reCaptcha en móviles  

Hola

Envíanos la url exacta de tu sitio web en donde aparece el recaptcha para revisar lo que comentas en móviles.

Saludos.

@jmarreros

Este es la dirección del sitio:

https://scribalo.com/

Gracias

Hola

Al código que enviaste puedes agregarle !important, es decir quedaría:

div.grecaptcha-badge{
  visibility: hidden!important;
}

En donde agregaste el código, sino esta funcionando es posible que sea debido a la cache.

Si usas un plugin de cache asegúrate de limpiar la cache para ver los cambios, lo mismo prueba limpiando la cache de tu navegador.

Saludos.

@jmarreros

Hola,

He hecho todo lo que me has dicho y tampoco funciona. Se sigue viendo en el móvil.

Hola Elizabeth.

Añade lo siguiente al archivo style.css que encontrarás en la carpeta wp-conten -> tu_plantilla

.rc-anchor-normal-footer {
display: none;
}

.rc-anchor-invisible-text {

display:none;

}

¿ Como añadiste el Captcha ? ¿ Es un plugin o añadiste el código directamente ?

Un saludo

@pepesoler

Hola, el recaptcha está añadido directamente, sin plugin. Por otro lado, he escuchado que poner display:none lo que puede hacer es hacer que no esté el recaptcha o no funcione bien. Aunque veo que esto es algo un poco diferente ¿Me puedes explicar un poco qué es lo que hace?

También quería saber si esto lo puedo añadir directamente en la parte que tiene habilitada mi plantilla para poner los códigos css, en vez de irme al administrador de archivos.

Por último, el código css que ya tengo añadido ¿lo dejo o lo elimino?

Gracias

Hola Elizabeth.

Ok, elimina los códigos añadidos del captcha ¿ Puede que lo esté añadiendo directamente en un módulo de Divi ? 

Veo que utilizas Contact Form.

.- Accede las claves en el plugin de contact Form, tienes una guia en esta entrada del blog:

-> https://www.webempresa.com/blog/captcha-invisible-contact-form-7-wordpress.html

Una vez lo tengas credo añade la siguiente función en el archivo functions.php que se encuentra dentro de la carpeta de la plantilla:

/*Desactivamos ContactForm en todas las páginas menos en donde se utiliza.*/

function we_desactiva_cf7() {

    //seteamos a false.

$check_cf7 = false;

// then change below accordingly

        if( is_page('contacto')) {

$check_cf7 = true;       

}

//so therefore dequeue only if is false 

if( !$check_cf7 ) {

wp_dequeue_script( 'contact-form-7' );

wp_dequeue_style( 'contact-form-7' );

wp_dequeue_script('google-recaptcha');

}

}

add_action( 'wp_enqueue_scripts', 'we_desactiva_cf7', 77 );

Revisa si después de estos pasos desaparece el icono del Captcha.

he escuchado que poner display:none lo que puede hacer es hacer que no esté el recaptcha o no funcione bien

Solo se oculta, es decir no se puede ver pero si que está presente

Un saludo

@pepesoler

Hola,

Acabo de revisar y todo eso que me has dicho ya lo tenía hecho desde antes. Sin embargo, cuando fui a agregar el otro código a la carpeta style.css me di cuenta que estaba todavía puesto el código anterior:

.grecaptcha-badge {

visibility:hidden!important;

}

A pesar de haberlo borrado de la parte que tiene la plantilla habilitada en wordpress para escribir códigos css, seguía en la carpeta style.css del administrador de archivos. Antes de borrarlo en esa carpeta lo revisé y tenía un espacio entre los dos puntos de visibility y hidden. Lo quité y no sé si ese era el problema o cualquier otro, pero sin quitar ni poner más código, de repente se está ocultando el recaptcha bien.

Cuando se carga la página aparece en ambos (móvil y pc) el recapcha muy rápidamente y después desaparece y así me vale.

Voy a esperar unos días por si acaso y si vuelve a ocurrir algo, escribo otra vez.

Muchas gracias por la ayuda.

Hola Elizabeth

Me alegra que lo solucionaras.

tenía un espacio entre los dos puntos de visibility y hidden.

Si ese es el fallo, al tener los dos espacios no reconoce esa propiedad, los espacios son interpretados como un  texto ms.

Un saludo