Problems with FullCalendar styles

  • Hi,

    Using WPFC 0.8.2 with Events Manager 5.3.6.1, and a modified child of the Trinity theme from churchthemes.net.

    I’ve got events working, and Full Calendar is installed and showing the events on a page using [fullcalendar]. The page can be seen at https://spinningfish.net/wordpress/whats-on/. However, I’m really struggling to get any formatting/style changes in the calendar. If I got to Settings – WPFull Calendar and change the jQuery CSS Theme, it makes no difference to the calendar whatsoever, except to the colour of the left and right arrows that change the month! I presume my WP theme is overriding everything else. I could live with most elements of how the calendar is displayed if necessary, except for the font in which events are displayed (has a terrible drop shadow on the font).

    I’ve also tried modifying the calendar theme using Themeroller, but the instructions for doing so aren’t consistent with what I’m seeing on my site. The instructions on the settings page say:
    “If you roll your own theme, upload the CSS file and images folder to wp-content/yourtheme/plugins/wp-fullcalendar/ and refresh this page…” However, if I FTP to my site there is no plugins folder in my theme directory (either ‘Trinity’ or ‘Trinity Child’). Instead, I can see a ‘plugins’ directory directly under ‘wp-content’, which includes ‘wp-fullcalendar’. Within that, there is an ‘includes’ directory, and in that there is ‘css’, ‘images’, ‘js’ and ‘langs’. In ‘css’ there is ‘ui-themes’.

    So, when I get a download from themeroller (and I’m not even very sure which options to select there!) I get a zip file with a whole bunch of folders in it (including at least two with css and image stuff). Exactly what should I put where???

    Thanks for your help!

    Ian

    https://www.ads-software.com/extend/plugins/wp-fullcalendar/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter iankg

    (@iankg)

    Update on this: I’ve managed to modify the worst of the text shadow by adding this to my theme’s stylesheet:

    #wpfc-calendar-wrapper .fc-event-title{
    text-shadow: 0.1em 0.1em 0.2em black
    }

    However, there’s still lots I’d like to modify, and I wish I knew where the original WPFC settings were being overwritten! For example:
    1) How can I reduce the line spacing on items?
    2) How can I get rid of the shadow on tool tips? (guess I could if I knew what the element was called)
    3) How can I change the colour of the boxes around “all event tags” and “all event categories” so that they’re visible?
    4) The horizontal separator lines on the calendar aren’t always there – any way to improve that?

    Thanks!

    Thread Starter iankg

    (@iankg)

    Items 1 and 2 done now! But I’d still like to do 3 and 4 – and I still want to know why the proper WPFC theme isn’t working!

    Thread Starter iankg

    (@iankg)

    OK, sorry nobody could help with this one but I think I’ve got it sorted now. Lots of !important tags did the trick…

    iankg, how did you reduce the line spacing on calendar items?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problems with FullCalendar styles’ is closed to new replies.