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/
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 🙂
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