Vertical alignment in Month View

  • Resolved trin1871

    (@trin1871)


    1 year, 5 months ago

    I’m really loving your free calendar. And especially that I don’t have to go through all the steps to get an API key!

    With your free calendar, is there a way to line up the time to the top line of the event in Month view? The events word-wrap and the time is centered vertically, which makes it hard for people to read.

    Thanks!

    PS, I don’t remember if I already sent you an email through your website about this – please forgive if this is a duplicate.

    • This topic was modified 1 year, 5 months ago by trin1871.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter trin1871

    (@trin1871)

    1 year, 5 months ago

    I found out how to make all events as block items, so if the vertical alignment can’t be adjusted, the blocks will be good enough.

    Thanks!

    Plugin Author The Styled Calendar Team

    (@styledcalendar)

    1 year, 5 months ago

    Hi, and thank you for the kind words!

    Unfortunately, we don’t currently have a single setting to control the vertical alignment of event times such that they line up with the top of the line when text wrapping is turned on.

    This takes a couple of tweaks, but if necessary it can be done with some custom CSS like this:

    .fc-daygrid-dot-event {
      align-items: start;
    }

    .fc-daygrid-event-dot {
      margin-top: 4px;
    }

    Custom CSS is a paid feature though, so this isn’t possible on the free tier.

    Thread Starter trin1871

    (@trin1871)

    1 year, 5 months ago

    Thanks so much. As a nonprofit, we need a free calendar, but making the blocks stand out will be good enough for us, I think.

    Thanks!

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

The topic ‘Vertical alignment in Month View’ is closed to new replies.