0

He intentado cambiar el color de la botonera como dice la documentación Fullcalendar Customize CSS pero no me ha funcionado (he tratado las dos formas).

necesito cambiar los botones azules a rojo o cualquier color

Este es mi código hasta el momento, estoy trabajando con Angular 12 y fullcalendar v5:

    calendarOptions: CalendarOptions = {
        
        headerToolbar: {
          left: 'title',
          right: 'today,prevYear,prev,next,nextYear'
        },
        height: 'auto',
      }
4
  • La unica forma que he visto es atravez de css, ya lo he hecho pero solo aplica cambios cuando publico en la web el proyecto el 15 oct. 2021 a las 22:24
  • .fc-right .fc-prev-button, .fc-right .fc-next-button{ background-color: #b1d583; background-image: none; } el 15 oct. 2021 a las 22:24
  • Entonces los cambios solo se ven afectados cuando se sube a producción?
    – Josue98
    el 17 oct. 2021 a las 0:31
  • En mi caso fue asi el 19 oct. 2021 a las 12:07

1 respuesta 1

0

siempre puedes declarar clases sobre clases. recuerda que el compilador asigna la última clase encontrada, por tanto estos estilos deben estar debajo de los stylesheet del fullcalendar.

button.fc-dayGridMonth-button.fc-button.fc-button-primary {
    background-color: red !important;
    border-color: mediumvioletred;
}

Basta con usar el inspector de elementos, seleccionar el botón del fullcalendar y dar clic en "+" new style rule. El navegador te entrega la clase completa del elemento.

1
  • por el momento, lo intente poniendo la configuracion css del boton dentro del scss del componente pero no efectua ningun cambio
    – Josue98
    el 18 oct. 2021 a las 18:45

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.