Ocultar reCaptcha en móviles  

 
Elizabeth
 Elizabeth
Usuario eminente

Hola,

Tengo la versión 3 de ReCaptcha y tengo en el CSS puesto .grecaptcha-badge { visibility: hidden; } para que me lo esconda, porque molesta para leer. También he puesto el aviso de Google para que se pueda acceder a sus políticas de privacidad en todas las páginas. Sin embargo, esta solución funciona en la web, pero en los móviles no se oculta y es aún más intrusivo que en la versión web.

¿Cómo puedo hacer que no se vea el badge recaptcha en los móviles?

Gracias

Citar
Respondido : 05/07/2020 12:52 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola

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

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/07/2020 1:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Elizabeth
 Elizabeth
Usuario eminente

@jmarreros

Este es la dirección del sitio:

https://scribalo.com/

Gracias

ResponderCitar
Respondido : 05/07/2020 2:34 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/07/2020 4:48 pm

Cursos Gratuitos WordPress

Elizabeth
 Elizabeth
Usuario eminente

@jmarreros

Hola,

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

ResponderCitar
Respondido : 06/07/2020 11:23 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/07/2020 12:21 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Elizabeth
 Elizabeth
Usuario eminente

@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

ResponderCitar
Respondido : 06/07/2020 12:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 06/07/2020 2:41 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Elizabeth
 Elizabeth
Usuario eminente

@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.

ResponderCitar
Respondido : 07/07/2020 11:51 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

ResponderCitar
Respondido : 07/07/2020 11:56 am
Elizabeth me gusta

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Por favor Iniciar Sesión o Registro