Calendar & CSS

I noticed when I was going through and theme-ing our calendar after working with Nathaniel to fix my calendar not showing, that some of the elements had a predefined width. I was trying to figure out where they are coming from.


The widths you see for the calendar are hard-coded as inline styling for the Calendar widget. However, most of the elements have unique classes, and you can use CSS rule sets that match one or more these classes in your CSS file, and simply append an “!important” declaration to your styling to override any existing inline styling.

For example, to make the Monday column wider than the default 90px:

width: 200px !important;   
} ```

Thanks Nathaniel, I got it working now.

Instead of opening another post, I have one more question. I was looking at the RSS output of the calendar and noticed that it doesn’t show the “date” that the event is happening. It just shows the date it was created. Is there a way to modify that? I really need the date that the event is happening or I’m going to have to find another solution for our calendar right before launch.

Matt, I believe we might have talked about this previously, but can you clarify how you are generating the RSS feed of your calendar items? Do you have an auto-list pointing to a folder / template common to all pages that have been assigned to your calendar?

Depending on your setup, one solution might be to edit the Meta-data of all the pages which appear in your RSS feed and override the the post date to the date of the corresponding event.

That would work but we want some of our normal pages to be visible before they happen which if we overwrote the date using the PubDate in the meta-data, they page wouldn’t show until the date was reached.

Matt, the override post date does not actually affect when or how the page gets published. It just affects a line in your page’s meta-data, which then gets picked up by the feeds service (along with other DTS-powered widgets). You can certainly have a page live on your site right now containing a “post date” of sometime in, say, 2014 without any issues.