Avisos
Vaciar todo

[Resuelto] Aparencia botones de compra  

 
marc
 marc
Estimable Member

No veo dónde cambiar el color de todos los botones del proceso de compra (Ver carrito, Seguir comprando, Finalizar compra etc.)

Respondido : 17/09/2020 4:14 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

Respondido : 17/09/2020 4:31 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

marc
 marc
Estimable Member

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:

Respondido : 17/09/2020 5:04 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Respondido : 17/09/2020 5:36 pm

Argenis
 Argenis
Soporte CMS Webempresa Moderator

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 🖐️ 

Respondido : 17/09/2020 5:40 pm
marc
 marc
Estimable Member

Gracias, lo he encontrado en los ajustes de aparencia!

Respondido : 21/09/2020 4:50 pm

Cursos Gratuitos WordPress

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Marc,

Gracias a ti, siempre encantados de poder ayudarte.

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

Un Saludo  😊 

Respondido : 21/09/2020 4:56 pm
marc
 marc
Estimable Member

@karen

Totalmente, gracias 🙂

Respondido : 21/09/2020 9:58 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación