[Plugin: The Events Calendar] Styles for multi-column template users

  • Hi guys,

    If you’re using a theme with multiple columns like myself and struggling to get the calendar to be displayed in your main content column here are some styling overrides you may want to look into – My recommendation is to add these to your theme’s style.css (or whatever your theme’s main stylesheet is called):

    .category-events #tec-content {
width: auto !important;
}
table.tec-calendar {
font-size: [insert appropriate value here] !important;
}
table.tec-calendar, #tec-events-loop, #tec-event-meta {
clear: none !important;

    I use the !important specification because T-E-C’s stylesheet is loaded after my main theme’s stylesheet. This forces the browser to accept my setting despite T-E-C’s own styling.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Just re-posting from the release thread to help people who are integrating the calendar with their theme…

    We’ve designed the provided CSS to work with the default wordpress 2.9 Kubrick theme and also the upcoming 3.0 “twenty ten” theme. Our goal is to provide the best “out of the box” experience as possible, but we do expect that users with custom themes will need to do some customization to integrate with their own themes.

    If you’re having trouble styling the events calendar, or overriding any CSS that comes with the default templates, I would recommend that you bypass the provided templates entirely. If you maintain your own CSS file and copies of the event templates within your theme, you will not need struggle to override the defaults, and also you won’t need to re-apply your changes every time you upgrade. Please see the “Default vs. Custom Templates” section in the README for more information on using custom templates and CSS with The Events Calendar.

    Also, the default templates have the following code in them


    $spEvents->loadDomainStylesScripts();

    If you remove this line from the template, you will no longer use the provided CSS at all, and you’re free to incorporate the plugin’s CSS in your theme’s style.css file to modify appropriately to fit your theme without worrying about another file taking precedence.

    Thread Starter godkid

    (@godkid)

    Hey Kelsey – thanks much for that tip – I had NO clue! …but I’m also lazy and don’t wanna style the entire thing over so I’ll keep the above. So my theme style.css + the custom template system you guys so EXCELLENTLY built in makes me happy!

    Perhaps I could get some assistance from you guys. Ive tried the above, tried copying the .php files into an events foler in my template folder, but still my webpage appears as so: left column where it should be, events calendar taking the full width of the page (instead of fitting in between the two sidebars) and the right sidebar appearing below the event content. Any idea please? I want to use this Plugin but if I cant get it to work, Ill need to delete it.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Plugin: The Events Calendar] Styles for multi-column template users’ is closed to new replies.