change height of calendar and css question

  • I have calendars setup in weekly view and want to minimise the height of the calendar on the page. there is a lot of empty space showing up on the calendar under the events. is there anyway to set a height of the calendar to be no bigger than events shown or px height?
    also as the calendar loads the calendar css theme shows but when loaded it reverts back to the page ccs. any idea how to stop that and have it using the css theme selected in the wpfullcalendar settings panel.
    pls see – https://www.shanghaicycling.org
    Many thanks, justin

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    Hi Justin,

    You’ll need to hire someone with some CSS skills to help out with the styling issue, but I’d imagine it’s possible, but I’m not entirely sure how easy that is because the reason it happens is because the height is adjusted to work in Monthly view. Not sure if disabling it helps?

    The calendar CSS might be overriden by your Theme CSS. If you’re loading a jQuery UI theme via the theme or another plugin, depending which one is loaded first it’d take precedence.

    I have a somewhat related question, apologies if you’d have preferred I make a new thread.

    I am just for the first time today trying out Events Manager and WP FullCalendar together and seem to be running into a bug, that is only on Safari on MacOS, that I’ve found so far.

    I am on an iMac with OS X 10.10.5 using WordPress 4.2.4 with an ever-so-slightly modified version of the Sparkling Theme. In Chrome and Firefox, the calendar works fine. In Safari there is a MASSIVE amount of blank space in most lines on the calendar, as well as strange green vertical lines in the Tuesday and Wednesday columns.

    I suspect the green lines and extra space are related, because the first of the green lines is 343px high, and the fourth row of the calendar has a DIV inside the row’s first “fc-day-content” class DIV with CSS calling for it to be 343px high, and the second of the green lines is 943px high, and the fifth row similarly has a DIV with CSS calling for it to be 943px high.

    This is happening on two different Macs with the same version of Safari, and as I said, it does not happen on Chrome or Firefox at all. Any ideas?

    EDIT: FWIW, I just tested a different Mac running 10.9.5 and Safari 7.1.6. I don’t see the green lines, but the space is still there.

    Sorry for the double-post, but I think the problem might be related to the jQuery (?) animations for when the events fill themselves in. I went back to look at the first window where I spotted the problem and it wasn’t even showing the three events I had. I refreshed several times and nothing. Then I cleared my cache and reloaded the page. I watched as green lines animated and grew into my event listings, but the space is still there.

    Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    @hcoe-web

    please create this in a new thread, but if the issue is specific to your theme (i.e. it shows fine on a wp default theme) my comment above still applies.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change height of calendar and css question’ is closed to new replies.