Yo pienso que no debes editar las hojas de estilo ni añadir más plugins para eso mismo. Posiblemente tengas demasiado código CSS que se interfiere uno con otro.
Elimina plugins innecesarios, revisa las modificaciones que hayas hecho en el archivo style.css o en los estilos adicionales que hayas añadido en el tema.
Prueba con lo mínimo, es decir, tema y WooCommerce, sin plugins añadidos ni modificaciones en los estilos CSS.
Un saludo
-
Esta respuesta fue modificada hace 6 años, 6 meses por LGrusin.
Lo cierto es que Le he dado tantas vueltas a la hoja de estilos que no se como volver al principio y deshacer todos los cambios. Empezaré por lo fácil, eliminar plugins a ver si lo consigo solucionar
Gracias
Lo suyo es restaurar los archivos originales del tema, por lo menos saldrás de dudas. Igual debiste crear un tema hijo si ibas a realizar muchos cambios.
Un saludo
He hecho lo que me has dicho y he arreglado varias cosas que me fallaban. Algunas de ellas desde Dreamweaver modificando la hoja de Stylos de WoocommercePero lo que no consigo arreglar, es que una vez dentro de la tienda, si pincho por ejemplo en «alevin» el nombre desaparece, imagino que porque está de color blanco. Eso no he sabido encontrarlo. No se si el código está dentro de la hoja de stylos del tema o de Woocommerce.
Temas hijos, que yo sepa no tengo
La verdad es que tienes muchísimos estilos CSS cargados. Si miras el código fuente de tu sitio verás lo siguente:
/* WooCommerce Styles */
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins,
.products a:hover h3,
.products .price ins,
.products .column-1 a:hover h3,
.single-product .woocommerce-review-link:hover,
.shop_table .product-name a:hover,
.cart-collaterals h2 a:hover,
#myaccount-tabs li.active a,
#myaccount-tabs .nav-tabs > li > a:hover,
#myaccount-tabs .nav-tabs > li:active > a:hover {
color: #ffffff;
}
El .products a:hover h3 es el que se activa cuando pones el ratón encima del nombre del producto.
Deberías leer la documentación del tema, seguro que ahí te dice lo que tienes que hacer cuando instalas WooCommerce. De todas formas aquí tienes como desactivar esos estilos y que coja los del tema:
https://docs.woocommerce.com/document/disable-the-default-stylesheet/
Saludos
Lo he conseguido arreglar. No creo que lo haya hecho de la forma más correcta, pero funciona.
No encontré el código que me escribiste en ninguna hoja de estilos de Woocommerce, así que lo que hice fue copiarlo en el espacio que tengo en el tema para añadir mis CSS y le cambié el color. Ahora funciona, me preocupa que con el tiempo se acabe liando con otros códigos.
Gracias por tu tiempo y tu paciencia