Difficult to know where to start to fix design problems for mini-calendar

[Cynthia Lockley]

I need to adjust the width of the regular grid view so it fits on my home page in the Twenty Eleven theme with a sidebar. I also need to fix the problem with the mini-calendar in the sidebar. On my site, the mini-calendar header is out of whack. See http://events.stcwdc.org/
I tried looking at the Themer’s Guide for The Events Calendar and it does not say which of the files with the same name one should edit for the sidebar mini-calendar and it does not say which of the many .css files affect it. There is a grid.php file in the views folder that I thought was going to be for the regular grid view of the calendar, but it says it is for the mini-calendar. It is identical to the grid.php file in the views/widgets/mini-calendar. They BOTH say
/**
* Mini Calendar Widget Grid Template
* This file loads the mini calendar widget grid
*
* Override this template in your own theme by creating a file at [your-theme]/tribe-events/widgets/mini-calendar/grid.php

The Themer’s Guide doesn’t say which one to modify for the sidebar or which one to modify for the regular grid view; or if there is a different one for full size that I haven’t found yet.
Or do both the files need to be modified in the child theme for the sidebar widget?
Where do I find the grid template for the full size calendar and which .css file affects it??

Also, if we manage to get some CSS that flexes the width of the full grid view calendar down to fit in the Twenty Eleven theme with a sidebar, will that also apply to all the other possible views (week, day, map, etc.) or do each one have to be modified individually?

[Jonah]

Hi Cynthia,

The mini-calendar width is more related to your theme than anything else. The mini-calendar is set to stretch to a 100% width, or whatever the width of your sidebar is. You’ll need t modify the width of your sidebar, which will change the width of everything else. Right now it’s set to 20% width and has a 6% margin on the right. You’ll need to reduce and play around with things to get it right.

As far as CSS in general, you actually don’t need to add CSS to any of our plugin files, you can actually just add whatever CSS you need to modify/set in your theme’s style.css file. You just need to use the right CSS selectors to target things.

I hope that helps but let me know if you need anything else.

Regards,
– Jonah

[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