Avisos
Vaciar todo

CAMBIAR COLOR BOTONES EN SENSEI LMS Y WOOCOMMERCE  

 
Jorge
 Jorge
Usuario activo

Muy buenas!

Tengo un problema con estos botones en mi web que no consigo que se vean como quiero, con marrón #8e6b27 y en hover amarillo #dbc250 con el texto siempre en blanco.

Ahora me aparecen asi en estas 3 paginas que tengo el problema

https://www.frecuenciasdesanacion.com/my-courses/

https://www.frecuenciasdesanacion.com/finalizar-compra/

https://www.frecuenciasdesanacion.com/leccion/leccion-1/

1
2
3

 

Yo no tengo ni idea de CSS pero me puse a trastear con chat gpt y consegui un codigo que si cambia esos colores y los pone bien, pero claro, tambien afecta a muchos mas botones y se lia todo. Conseguí dejarlo asi, pero es que hasta los botones del constructor visual me los cambia a esos colores, una locura 🙂

5
4
6

 

Los CSS que use son estos:

/* Forzar estilos en todos los botones */
button,
input[type="submit"],
.woocommerce button.button,
.woocommerce input.button,
.wp-block-sensei-lms-button {
background-color: #8e6b27 !important;
color: #ffffff !important;
border: none !important;
opacity: 1 !important;
pointer-events: auto !important;
}

button:hover,
input[type="submit"]:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-block-sensei-lms-button:hover {
background-color: #dbc250 !important;
color: #ffffff !important;
}

/* Excluir Resumen del pedido y Añadir cupón de la personalización global */
.wc-block-components-order-summary button,
.wc-block-components-totals button {
background-color: transparent !important;
color: inherit !important;
border: none !important;
}

/* Excluir Añadir cupón del estilo */
.wc-block-components-totals-coupon button {
background-color: transparent !important;
color: inherit !important;
border: none !important;
}

/* Cambiar color del botón de comprar curso en lección Sensei LMS */
.sensei-course-theme__button.is-primary {
background-color: #8e6b27 !important;
color: #ffffff !important;
border: none !important;
}

.sensei-course-theme__button.is-primary:hover {
background-color: #dbc250 !important;
color: #ffffff !important;
}

/* Cambiar color del botón de "Inicia sesión" en lección Sensei LMS */
.sensei-course-theme__button.is-secondary {
background-color: #8e6b27 !important;
color: #ffffff !important;
border: none !important;
}

.sensei-course-theme__button.is-secondary:hover {
background-color: #dbc250 !important;
color: #ffffff !important;
}

 

Y mi cuestión es si me pueden ayudar a hacer esto bien y no asi a lo bruto como lo hice yo. Solo quiero que se cambien esos botones de Mis Cursos, los de dentro de la lección y el de realizar pedido.

Muchas gracias, un saludo!!

Contenido solo visible a usuarios registrados

Citar
Respondido : 24/10/2024 9:40 am