[Plugin: All-in-One Event Calendar] CSS issues on month calendar display

  • Resolved MisdaHappy

    (@misdahappy)


    12 years, 8 months ago

    I am having a CSS issue with the display of an event on the monthly calendar view.

    The issue seems to be in this code:

    <a href="https://www.MYSITE.com/ai1ec_event/california-workshop?instance_id=12" data-end-day="12" data-start-truncated="false" data-end-truncated="false" class="ai1ec-event-container ai1ec-event-id-674											ai1ec-event-instance-id-12 ai1ec-multiday" style="position: absolute; top: -2px; left: 1px; width: 0px; z-index: auto; ">

    Note the width is set to ‘0px’. This essentially leaves a tiny colored area instead of the title for the event spanning the width of the “day” in the calendar.

    Where do I adjust this?

    https://www.ads-software.com/extend/plugins/all-in-one-event-calendar/description/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Richard

    (@richardgirling)

    Hi MisdaHappy,

    In order to fully understand what you are saying, can you provide us with a link or screenshot?

    Thread Starter MisdaHappy

    (@misdahappy)

    There is a screenshot. The event is getting some inline CSS applied that is making it 0px wide.

    Thread Starter MisdaHappy

    (@misdahappy)

    Here is another view. If I change the inline css to width:100% instead of width:0px

    you can see in this month there is another event two days later that still has the width:0px inline styles applied.

    Thread Starter MisdaHappy

    (@misdahappy)

    https://imgur.com/Ru2t8

    Thread Starter MisdaHappy

    (@misdahappy)

    Just noticed it seems to only be on multi-day events that the inline css is applied…

    Thread Starter MisdaHappy

    (@misdahappy)

    Link to site calendar. Notice Test works. Test 2 doesn’t.

    Richard

    (@richardgirling)

    I see what you mean.

    When I went to your site, I found a few errors (below). The js errors may be due to a theme conflict. Can you try changing themes briefly to Twenty Eleven, then let us know if this resolves the issue?

    —

    Uncaught TypeError: Object #<Object> has no method ‘addTest’ avia.js:1807
    Uncaught TypeError: Cannot read property ‘prototype’ of undefined avia.js:308
    34event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
    Failed to load resource: the server responded with a status of 404 (Not Found) https://www.welcometothedarkside.com/crossdomain.xml
    926event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.

    Richard

    (@richardgirling)

    I have not received a reply in over a month, so I am marking this thread as ‘resolved.’

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Plugin: All-in-One Event Calendar] CSS issues on month calendar display’ is closed to new replies.