Avisos
Vaciar todo

[Resuelto] CSS para aumentar el contraste del texto y la lupa del buscador  

 
Mª Ángeles
 Mª Ángeles
Usuario experto

Buenas tardes.

Parece que las letras y la lupa que aparece en el buscador que muestro en el header de mi sitio no tiene el suficiente contraste, por lo que hay usuarios que tienen dificultad para ver lo que dice. Adjunto imagen del problema.

Por favor, ¿qué código podría poner para aumentar el contraste de las letras y la lupa para que los usuarios lo puedan ver si problema?.

Buscador web.dev

 

Un saludo.

Contenido solo visible a usuarios registrados

Respondido : 19/01/2022 5:01 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Mª Ángeles,

Puedes probar con los siguientes estilos CSS, recuerda que debes incluirlos desde tu tema si tiene la opcion o desde las opciones Apariencia-> Personalizar-> CSS agregado

input[type="search"]::placeholder {
color: black;
opacity: 1;
}
.search-form::before {
color: #000;
}

Saludos!

Respondido : 19/01/2022 5:22 pm

Cursos Gratuitos WordPress

Mª Ángeles
 Mª Ángeles
Usuario experto

Hola Bruno @bruno-vichetti

Gracias por contestar, acabo de ponerlo, pero me sigue dando el mismo problema. Y si además ponemos el fondo blanco para ver si así me quitan ese error, ¿cuál podría ser el código?

Un saludo.

Respondido : 19/01/2022 6:45 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Mª Ángeles,

He visto que los estilos te han funcionado, para hacer el fondo del bucador blanco sin sombras intenta agregar los siguientes estilos CSS

.search-form input[type="search"] {
background: #fff;
box-shadow: none;
}

Saludos!

Respondido : 19/01/2022 6:50 pm

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

Mª Ángeles
 Mª Ángeles
Usuario experto

Hola Bruno,

También han funcionando perfectamente los estilos que me has dado, pero al parecer no le parece suficiente este cambio al Google porque sigue apareciendo ese error. Seguiré investigando para ver en concreto que es lo que está pidiendo, y cuando lo sepa, ya abriré otro hilo, porque vosotros le ponéis solución a todo ;).

Muchísimas gracias por haberme dado esos códigos.

Un saludo.

Respondido : 19/01/2022 7:17 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Mª Ángeles,

Vale posiblemente si la herramienta de medicion que estas utilizando es Google sea necesario esperar a que puedan revisar una version actualizada de tu sitio sin embvargo me alegra que te hayan funcionado los estilos, cualquier otra consulta estaremos atentos.

Saludos!

Respondido : 19/01/2022 7:36 pm

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