WordPress.org

Forums

My Calendar
Details div getting cut off on the right edge of the page (3 posts)

  1. mike62
    Member
    Posted 4 years ago #

    I'm not sure how to fix this, I've tried fiddling with the CSS, but none of the changes I make seem to have any effect. How can I get these details to display correctly?

    Link to calendar page

    Here's a screenshot

  2. Joe Dolson
    Member
    Plugin Author

    Posted 4 years ago #

    In the styles editor, update:

    #jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
    position:absolute;
    width:50%;

    to:

    #jd-calendar .calendar-event .details, #jd-calendar .calendar-events {
    position:absolute;
    left: 25%;
    top: 20%;
    width:50%;

    The cut-off effect is a result of your theme, so rather than change the way your theme is set up, I'd recommend changing the location of the calendar details pop up.

  3. mike62
    Member
    Posted 4 years ago #

    Thanks, but separating the details pane from the calendar item is too much of a disconnect. The details pane needs to be right under the clicked item or it causes confusion.

    I just don't know enough about JavaScript to detect the width of the calendar, and set it so that the x position of the details box is never higher than (calendarDivWidth - detailsDivWidth)...

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • My Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic