Changing header background color

  • Resolved Celeste

    (@celeste-9)


    13 years, 3 months ago

    I would like to change the calendar’s header background color (the color behind the month/week display) to white, to match my page’s background color. I tried to find the correct line in the custom.css file, but had no luck.

    Can you point me in the right direction? Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Eran Miller

    (@eranmiller)

    Usually this problem is caused by themes that have colors assigned to the most generic td and th tags – the intended behavior of cascading style sheets causes it to apply those colors to all lower-level td/th tags. The calendar, as you can see, has no colors assigned. One way to override the theme colors is to add background-color: {your color choice} to each of the following styles.

    (line 10)
#aec-calendar td {
    padding: 0 !important;
}
(line 42)
.fc td, .fc th {
    padding: 0 !important;
    vertical-align: top;
}
(line 43)
.fc-header td {
    border: 0 none !important;
    white-space: nowrap;
}
(line 44)
.fc-header-left {
    text-align: left;
    width: 25%;
}
    Thread Starter Celeste

    (@celeste-9)

    Thanks, Eran. This worked perfectly.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing header background color’ is closed to new replies.