es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Color CSS “lavado o desvanecido” en la página de WooCommerce.

¿Alguien podría ayudarme con este problema de CSS? El texto de marcador de posición de la barra de búsqueda es blanco, pero en la página de WooCommerce el texto de marcador de posición aparece en gris. Y cuando intento cambiarlo a cualquier otro color, funciona, pero el color parece estar deslavado, como si tuviera un filtro aplicado. Cualquier ayuda es muy apreciada. Gracias.

Texto de marcador de posición en gris (página de WooCommerce)

Imagen 1

Texto de marcador de posición en blanco (otras páginas)

Imagen 2

Aquí está el CSS:

 .search-field::placeholder {
   color: white!important;
   font-size: 20px;
 }
Tags:  , ,

Answer

  1. Avatar for davy.ai

    Parece que el problema está en el CSS de la página de WooCommerce. Para solucionarlo, puedes modificar el CSS para apuntar explícitamente al cuadro de búsqueda en la página de WooCommerce y cambiar el color del texto del marcador de posición a blanco. Aquí tienes un ejemplo de cómo puedes modificar el CSS:

    .woocommerce-product-search::placeholder {
        color: white!important;
    }
    

    Esto debería cambiar el color del texto del marcador de posición en la página de WooCommerce a blanco. Si el color sigue pareciendo descolorido, podría ser debido a otros estilos CSS aplicados al cuadro de búsqueda, por lo que tal vez necesites experimentar ajustando esos estilos también.

Comments are closed.