The New Upgraded Calendar — How to Shrink Month View down to 620px width

[Shannon Peters]

I got the other bugs out of the way after doing the upgrade. Now to make this new calendar fit like the old one did. The month view is too wide for my page template.

I am thinking the text size on each event name/link needs to be reduced right down to 8px and/or some other setting needs to change in terms of the defined width. But there are so many php and css files in different sub-folders, I am lost.

I do NOT want to switch to the Events Template. I would really like to shrink this down to under 620px wide. I have PRO and COMMUNITY EVENTS installed if that makes a difference.

http://www.fenelonfalls.info/WP/events/

Already I tried adding this to my custom CSS based on recommendations I saw in other threads. The only thing that really seemed to change is the text of the Event names went from BOLD to NORMAL — but font size did not decrease.

.grid .tribe-events-event a {
width: 25px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
font-size: 7px;
font-weight: normal;
}

.tribe-events-calendar a,
.tribe-events-calendar a:link,
.tribe-events-calendar a:visited {
font-family: Arial, Verdana;
font-size: 7px;
font-weight: normal;
}

ANOTHER QUIRK OF THIS NEW CALENDAR: I’ve lost my background image. I use FWB Slider Pro to get a full image background. Not sure why it can’t show up on the events main page. background images show up on single event listings.

[Kelly]

Hello, again! I’m so glad that you were able to get your other issues taken care of.

As is probably apparent to you by now, the 3.x release cycle has included major upgrades to our code base, and as such, some customizations have required significant tweaking. We tried to stress the the magnitude of this upgrade and the importance of preparing accordingly in all of the pre-release documentation we put out, but it sounds like we didn’t make it clear enough. We failed you there.

It sounds like you’re saying that none of the templates under the Display settings tab are going to work for you and your theme as it stands. If that’s the case, your best bet is to create one that does what you need using our Themer’s Guide, linked at right, for guidance. If you have any specific questions on finding info on elements, we’re happy to get you pointed in the right direction. If you’d like more in-depth assistance, we’re happy to share the names of WP developers that we’ve worked with in the past.

As far as FWB Slider Pro goes, I’m sorry to say that we haven’t had any other users reporting this. If they have any questions for us when you ask them about it, we’re more than happy to answer them here for you.

Hope this helps!

[Shannon Peters]

Sorry, but I am not advanced in WordPress, php or using a Themer’s Guide.

This is all very unfortunate. Why if the older calendar fit perfectly into my theme’s template, can the new calendar not be tweaked to a skinnier width ?

Can no one give me more direct instructions on how to get this upgrade to function better ? I am suspecting there is a certain field or code that just needs some css adjustments.

The Simpliest question I have : If I want the text size to be smaller in my calendar’s monthly grid view, how do I achieve that ?

[Barry]

Hi fenelonfalls,

If you’re happy working with custom CSS (and perhaps setting up a custom tribe-events.css stylesheet as per the Themer’s Guide) then that’s great and perhaps you could try adding these rules and see if that gets you any closer.

If you aren’t comfortable with that – or find it hard to follow the instructions in the Themer’s Guide – then definitely let us know what the sticking point is and we’ll try and steer you in the right direction if we can 🙂

Thanks!

[Shannon Peters]

THANK YOU. The custom CSS did the trick for the month’s viewing to fit in my template.

Still curious to know how to use a smaller text for the event names. Tried numerous CSS coding. Couldn’t seem to shrink it.

[Barry]

#tribe-events .tribe-events-calendar h3.tribe-events-month-event-title a { font-size: 66%; }

Would something like this work for you?

[Shannon Peters]

THANK YOU. Yes. Not as small as 66%, but just knowing that code so I can do 85% helped. Glad you helped! Others seemed to be avoiding the specific questions I was asking. JD

[Kelly]

Hi, JD. Thanks so much for letting us know that Barry was able to get you back in business.

I’m going to close this thread for now, but please do open a fresh one if anything else comes up.

[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