Soporte » Guías – Resolución de problemas » Problemas con los botones de Woocommerce

  • Resuelto unpezdepapel

    (@unpezdepapel)


    Hola. Junto con una amiga estoy montando una tienda con Woocommerce y tengo problemas con los enlaces de los botones. Al pinchar sobre ellos el texto se pone blanco y desaparece porque es del mismo color que el fondo. Me interesaría que se viera el texto negro. Y cuando le doy a «Anadir a la cesta» debajo, me aparece «Ver carrito» que no se lee porque el recuadro es gris oscuro, del mismo color que el texto. Y si pincho sobre el recuadro el fondo se vuelve rojo. Llevo un tiempo intentando solucionarlo y no soy capaz. No encuentro donde cambiarlo. La hoja de Estilos de tema no tiene las opciones, o yo no las se ver, para cambiar el color de los botones. He leído en el foro que alguien recomendaba el pluging Woocommerce Colors. Lo he instalado pero no me ha cambiado nada. Debo de tener algo que lo bloquea pero no tengo ni idea de que es. El tema que uso es Minimaze Pro. Gracias

    Núria

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 6 respuestas - 1 de 6 (de 6 total)
  • Moderador LGrusin

    (@lgrusin)

    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 1 año, 8 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

    Moderador LGrusin

    (@lgrusin)

    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

    Moderador LGrusin

    (@lgrusin)

    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

Viendo 6 respuestas - 1 de 6 (de 6 total)
  • El debate ‘Problemas con los botones de Woocommerce’ está cerrado a nuevas respuestas.