Soporte » Plugins y Hacks » WooCommerce » Cambiar colores Woocommerce

  • Hola,

    Estoy modificando una tienda online para un cliente y estoy teniendo problemas a la hora de cambiar los colores que vienen por defecto. Me instalé el plugin Woocommerce Colors pero no me permite cambiar todos los colores que quiero.

    El tema tiene instalado un tema hijo así que busqué con el inspector web la clase que afecta a ese color y la modifiqué en el css del tema hijo pero no cambia nada.

    Alguien sabe por qué razón puede ser?

    Quiero cambiar por ejemplo el texto de los botones, ya que al cambiarle el color de fondo, el que trae por defecto no queda bien. Además también me gustaría que los botones tuvieran el mismo estilo que el resto de la página y con el plugin de woocommerce colors no tengo esa opción.

    La página web está hecha con Divi.

    Muchas gracias por vuestra ayuda

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Buenas,
    Una pregunta: ¿Has probado el theme customizer de DIVI?
    Aquí en su documentación oficial hay un vídeo
    https://www.elegantthemes.com/gallery/divi/documentation/theme-customizer/

    Un saludo

    • Esta respuesta fue modificada hace 5 años, 8 meses por oldlastman.
    Iniciador del debate sabry90

    (@sabry90)

    Buenos días,

    Si, he modificado los colores con el customizer pero aún así los botones no tienen el mismo estilo.

    Puedes ver un ejemplo aquí: http://centromindfulnessmadrid.com/

    En la cabecera el botón tiene un estilo determinado (que no se ve mucho), si bajas un poco hacia abajo hay otros botones que tienen otro estilo (el que está definido en el customizer) y si entras en un servicio determinado verás otro estilo distinto.

    No entiendo muy bien por qué cambian si el estilo está definido en el customizer.

    Gracias

    He mirado un poco el enlace que das y en principio está haciendo exactamente lo que se le pide. Cuando dices «botones en cabecera» y botones abajo… creo que lo que te pasa es que confundes conceptos. Una cosa son los elementos del menú de cabecera que se cambia en un sitio y otro los botones de por ejemplo «inscríbete». Cada uno se configura en un sitio diferente del customizer.
    Aunque es bastante seguro de que lo habrás hecho, repasa la documentación de DIVI o plantea allí tus dudas. Ya que:

    Si estás usando DIVI tema comercial y necesitas soporte debes ir a su canal de soporte oficial. Para dar el mejor servicio a la comunidad WordPress, y generar progreso e innovación, creemos que es importante dirigir a la gente a los sitios oficiales.

    https://www.elegantthemes.com/gallery/divi/documentation/theme-customizer/

    Además, los voluntarios del foro no tenemos acceso a productos comerciales, así que no sabrían porque tu tema comercial no funciona adecuadamente. Y hay otra razón por la que los voluntarios te dirigen a los vendedores del producto comercial: los vendedores son responsables de dar soporte a su producto comercial.

    Iniciador del debate sabry90

    (@sabry90)

    Vale, si viendo la documentación de Divi vi que había una confusión con el botón de la cabecera y los demás. Ahora ya lo pude corregir.

    Sin embargo, Woocommerce va distinto, me refiero por ejemplo a esta página: http://centromindfulnessmadrid.com/producto/mindfulness-retiro-de-1-dia-sabado-24/

    Modificando los valores en los botones del customizer de divi no cambia la estética de estos botones. De hecho esta página al ser de wocoomerce no está construida con Divi, ya viene hecha.
    Me instalé el plugin de woocommerce colors pero la estética del fondo gris del botón no me deja cambiarla, no está esa opción.

    Muchas gracias

    Sigue comprobando las opciones de personalización.
    en la cabecera de tu sitio veo que hay añadido css por medio del theme customizer

    el css en cuestión que te afecta es

    body.et_pb_button_helper_class .et_pb_button,
    			.woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt,
    			.woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button {
    									color: #008592 !important;
    							}

    con ese «important» está haciendo que no obedezca a al woocommerce colors

    un saludo

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Cambiar colores Woocommerce’ está cerrado a nuevas respuestas.