Buenos días.
Tengo un problema con la tienda online. Al acceder a las páginas de productos, parte de la información no se ve, pero si selecciono el texto con el ratón, aparece. Es como si el texto tuviera el mismo color que el fondo, en este caso, blanco. Al añadir el producto al carrito y hacer clic en «Finalizar compra», el formulario está completamente en blanco, al igual que los menús desplegables para el código postal y la ciudad
Contenido solo visible a usuarios registrados
Hola Carlos.
Añade lo siguiente en Apariencia -> Personalizar -> CSS Adicional:
.woocommerce-page .sidebar-content ul li a {
color:#181818;
}
p {
color: #181818;
}
.payment_methods .porto-control-label {
color: #181818;
}
Un Saludo
Hola Pepe.
Gracias por tu respuesta.
Se ha corregido el sidebar de la izquierda, se ha solucionado la descripción larga y corta del producto. Pero el formulario para finalizar pedido se ve de que trata cada casilla que antes no se veía, pero si intentas rellenarlo no se ve lo que se escribe, como si estuvieran las letras en blanco. También falta corregir el formulario previo del carrito.
Me gustaría saber porque ha ocurrido esto. Entiendo que el arreglo que estamos haciendo es como un parche obligando a que el texto se muestre en negro. Pero porque ha ocurrido esto? He restaurado una copia anterior y he instalado hasta un nuevo theme y seguía fallando
Te adjunto imágenes. de lo que falta arreglar
Hola Carlos.
Me gustaría saber porque ha ocurrido esto
Son las reglas de CSS que tienes en la plantilla donde estan definidos colores de los textos en blanco, lo que no sé es si desde las opciones de la plantilla puedes modificarlo.
Puedes revisar esto:
-> https://www.portotheme.com/wordpress/porto/documentation/skin/
Entiendo que el arreglo que estamos haciendo es como un parche
No, no es ningún parche, es la forma que hay para poder modificar las clases de CSS que tiene definidas la plantilla.
.- Añade este código en apariencia -> Personalizar -> CSS Adicional
.form-row :is(input, select, textarea) {
color: #181818 !important;
}
.select2-container,
.select2-container * {
color: #181818 !important;
}
.select2-container .select2-search__field {
color: #181818 !important;
}
.select2-container .select2-results__option,
.select2-container .select2-results__option[aria-selected=true] {
color: #181818 !important;
background: #ffffff !important;
}
.select2-container .select2-results__option--highlighted,
.select2-container .select2-results__option--highlighted[aria-selected=true] {
color: #181818 !important;
background: #e5e5e5 !important;
}
Un saludo
Buenas tardes Pepe.
Solucionado.
Gracias por todo.
Hola Carlos,
Es un gusto poder ayudarte, cualquier otra duda estaremos atentos
Saludos!