CSS changes for Events Calendar Widget

[zeke]

Loving the plugin – just feeling like an idiot because I’m having a couple of CSS issues that I can’t seem to track down…
Was able to reduce the width of the calendar to fit our modified theme, but not the month/next/prev links – also issues with vertically aligning the next/prev arrows after shrinking the calendar.
Finally-can’t seem to find anywhere to edit/add the title for the calendar in the sidebar – empty field on the site and am having problems finding where in the dashboard to enter it.
Otherwise-thanks for this great plugin + add ons – loving it!

[Barry]

Hi Zeke – to change the position of the next/previous month links in the mini calendar widget you could target:

a.tribe-mini-ajax.prev-month

And

a.tribe-mini-ajax.next-month

In your CSS rules and adjust the top property if you are concerned with vertical alignment, for example:

a.tribe-mini-ajax.next-month { top: 7px; }

[Barry]

Finally-can’t seem to find anywhere to edit/add the title for the calendar in the sidebar – empty field on the site and am having problems finding where in the dashboard to enter it.

Ahh, looks like a bug, unfortunately. I can see the error and could let you know what to change as a workaround – however that would mean editing core plugin code.

Alternatively you may need to wait until the next release.

[Barry]

(As a sidenote, our reference for this problem is #18703)

[zeke]

Thanks for the response Barry – was able to adjust the vertical positioning just as you said – thanks!
Still need to reduce the width of the “month/next/prev” links as they push out too far past the calendar itself.
Also – not really sure what to do about the reference number you indicated above – is that for your internal use? I couldn’t find a mention of it anywhere on the forum-(Don’t mind editing the core code btw – I just don’t want to muck it up 🙂

[Barry]

Yeah so for the first issue (width of the nav links area) you probably want to add a new rule along these lines:

div.tribe-events-widget-nav { width: 100px }

Obviously change the actual width to suit!

For the other issue, yes that reference number is primarily for internal use but it also means you (or others) could refer to this problem from another thread and we’d have a quick way of looking it up to check on progress.

Last but not least – please back up any files you edit before committing any changes! – however you should locate this file:

events-calendar-pro/lib/widget-calendar.class.php

And locate this line (should be line 55):

require_once( TribeEventsPro::instance()->pluginPath . 'admin-views/widget-admin-calendar.php' );

Change require_once to require like so:

require( TribeEventsPro::instance()->pluginPath . 'admin-views/widget-admin-calendar.php' );

And you should be good to go!

[zeke]

Awesome Barry – thanks – worked like a charm!!

[Barry]

Excellent!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts