Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 2, 2013 at 3:25 pm #169379
    ChunkyBits

    Hi,
    I’ve started to use the WP FullCalendar plug-in to display events, and the full calendar isn’t working correctly – the events within each day are showing up as a single grey line. If I change theme from Enfold to say Twenty-Thirteen, the calendar behaves as expected.

    See http://www.assc.org.uk/club-calendar/

    I found a post on the WP FullCalendar forum (http://wordpress.org/support/topic/events-showing-up-as-thin-gray-lines), that says, they use the jQuery’s ThemeRoller CSS. – whatever that is!?? And that it works with most themes out there.

    I’m at a loss for how to resolve this – I’ve disabled all my other plug-ins, and they do not make any difference.

    Any ideas? I’m using the latest versions of WP, Enfold and Full Calendar.

    Thanks.

    October 3, 2013 at 2:13 am #169675
    Ismael

    Hello ChunkyBits!]

    Please try this on your custom.css or Quick CSS:

    .fc-event-inner.fc-event-skin {
min-width: 80px;
padding: 0 10px;
margin: 0 auto;
top: 0;
left: 0;
min-height: 20px;
font-size: 10px !important;
border: none;
position: relative;
}

    Cheers!
    Ismael

    October 3, 2013 at 11:07 am #169861
    ChunkyBits

    Thank you Ismael. That fixes the problem. There a few other style issues, but hopefully I will be able to sort those out.

    Thanks.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘WP FullCalendar plug-in CSS conflict/…’ is closed to new replies.