FullCalendar 90% display OK – just a few minor issues – can you help?

  • Resolved kelsangchodor

    (@kelsangchodor)


    7 years, 4 months ago

    Hi,

    I’m so close to getting the full calendar plugin to work with Events Manager. However, there are few random white spaces in the month to view that I can’t understand why they are there. Can you check this link:

    https://development.meditationinsarasota.org/calendar/

    If you look under “Tuesday and Wednesday” and a few other days there is random white space underneath. Any idea why this might be?

    Also, the calendar doesn’t have any borders around each day – but maybe that’s the style.

    Thanks so much for your help in advance. The plugin events manager is great.

    Best wishes

    Christopher Skelton.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello,

    The spaces within the calendar are by design as well as to compensate for some of the event dates that my span across the calendar. As for the day borders, you can add the following to css:

    
.fc-row .fc-content-skeleton td{
border-color:!000!important;
}

    Adjust the color to what you need.

    Thread Starter kelsangchodor

    (@kelsangchodor)

    Hi Jordan,

    That worked for the borders – woohoo! Thank you so much.

    The spaces thing – I’m wondering if you are seeing what I’m referring to. I understand there will be spaces on the calendar but if you look, for example, under all the Tuesdays and Wednesday entries on this calendar:

    https://development.meditationinsarasota.org/calendar/

    Underneath the events there is a block of white space – but on most of the other days other than Tuesday and Wednesday it’s the correct colour (a light grey).

    Any ideas? So, the color of the space seems to change,

    Any help would be super appreciated,

    Best wishes,

    Christopher Skelton.

    @kelsangchodor

    I see what you mean. This is happening because the calendar uses ‘rowspan’ to fill out the cells. Your theme though sets alternative rows to different colors which works well in more regular tables.

    Add the following custom CSS to make them all the same in the calendar.

    .wpfc-calendar tr:nth-child(2),
.wpfc-calendar tr:nth-child(2n+1) {
  background-color: #f8f8f8;
}

    Gerry

    Thread Starter kelsangchodor

    (@kelsangchodor)

    Hi Gerry,

    Thanks for your reply. I can’t tell you how appreciative I am of you taking the time to give me that answer. It works perfectly!!! I never would have worked that out for myself!

    Can I ask another quick question – you know the start time of each event for each entry – it is in 24H format – which file would I edit to change that to 12H format,

    Many thanks in advance once again – really appreciated. If there’s anything I can do from my side to promote your plugin etc let me know.

    Best wishes,

    Christopher Skelton.

    Thread Starter kelsangchodor

    (@kelsangchodor)

    Hi Gerry,

    I found out where to change the date format – sorry, it was so obvious I was missing it.

    Once again, thanks for all your guys help,

    Best Wishes,

    Christopher Skelton.

    Glad you got it fixed, thanks for the update.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘FullCalendar 90% display OK – just a few minor issues – can you help?’ is closed to new replies.