[Resuelto] Aparencia botones de compra

Hola Marc,

Para este caso puedes enviarnos la url de la consulta, probablemente debas hacer estos ajustes por medio de css pero necesitamos que nos indiques cuales son los botones en especifico y como los quieres cambiar si solo el color de fondo o el contorno, es decir especificarlos un poco más si es por capturas mejor.

Un saludo 🖐️ 

Ok, realmente son todos los botones de la tienda desde productos a finalizar la compra, todos son del mismo colo azul

En la resta de la tienda tenemos botones de este estilo:

Hola

Tendrías que sobrescribir los estilos de woocommerce para los botones, prueba agregando el siguiente código CSS

.woocommerce #respond input#submit:hover, 
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:hover, .woocommerce a.button:focus, 
.woocommerce button.button:hover, .woocommerce button.button:focus, 
.woocommerce input.button:hover, .woocommerce input.button:focus, 
.woocommerce .jupiterx-wc-loadmore:hover, 
.woocommerce .jupiterx-wc-loadmore:focus{
background-color: #818a91;
border-color:#818a91;
}

.woocommerce #respond input#submit.alt, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt, .woocommerce a.button.alt:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt, 
.woocommerce button.button.alt:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt, 
.woocommerce input.button.alt:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:hover, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:hover, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:hover, 
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit, 
.woocommerce a.button, .woocommerce button.button, 
.woocommerce input.button, .woocommerce .jupiterx-wc-loadmore{
background-color: #818a91;
border-color:#818a91;
}

Puedes agregar este código al final de tu archivo sytle.css de tu tema hijo, puedes revisar tambien:

https://www.webempresa.com/blog/como-agregar-codigo-css-en-wordpress.html

Saludos.

Hola Marc,

Estos botones dado que tienes el tema jupiter X, se puedes modificar por las configuraciones del mismo te comparto la documentación: https://themes.artbees.net/docs/product-list-in-shop-customizer/ , parece ser que se encuentra en Apariencias → Personalizar → Shop → Products list, y aca buscar algo referenciado con los botones nosotros no podemos darte a detalle donde se encuentra ni enviarte capturas por que no tenemos esa licencia, al ser un tema pago nos apoyamos en estas documentaciones.

Un saludo 🖐️ 

Gracias, lo he encontrado en los ajustes de aparencia!

Hola Marc,

Gracias a ti, siempre encantados de poder ayudarte.

Coméntanos si con esto podemos dar el tema como solucionado.

Un Saludo  😊 

@karen

Totalmente, gracias 🙂