Calendar List View Title Formatting

[Justin]

When viewing the monthly version of my calendar (site.com/events/), the page (or calendar title) does not line up with the other pages on my sites… The spacing between the words and the menubar is not the same. However, other events calendar pages, such as a single event page (linked by clicking on an event in the monthly calendar), has the correct spacing between the title and the menu bar.

[Justin]

The page address is http://dev.apfire.org
Page with incorrect title spacing: http://dev.apfire.org/events/
Page with correct title spacing: http://dev.apfire.org/event/planning-finance-committee-meeting/2013-06-11/

[Barry]

Hi Justin, apologies for the slight delay in responding first of all – let me take a look and get back to you.

[Barry]

Can you visit Events → Settings → Template and let me know which template you are using – can you also try toggling between Default Events Template and Default Page Template and see if that resolves anything?

[Justin]

Hi Barry- The current template is “One Column”… I tried switching the templates and found: Default Event – Text color changes and the title moves even higher; Default Page – I can’t see any change from the One Column template. I have reset the template back to One Column. Hope this helps!

[Justin]

Also, the font used on the Calendar title “Calendar of Events” does not match the font from my theme, as is found on other pages. If it makes any different, the theme was built with Artisteer 3.

[Barry]

OK – and have you looked at the advice given in our FAQs for when themes look slightly ‘funky’?

https://theeventscalendar.com/faqs/the-plugin-looks-funky-on-my-theme-what-gives/

It may be that you need to either edit one of your theme’s existing templates, or override and customize the default events template – in which case you will probably also be interested in our Themer’s Guide:

https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/

[Justin]

I haven’t gone through those guides yet, but will later this evening. What concerns me is that one portion of the plugin has a strange display (the monthly calendar), but another portion of the plugin (an actual event display) is fine. I would expect that if the theme were to be the problem, all areas of the plugin would have the same title display issues….. Could be wrong though.

[Barry]

Quite often it doesn’t make sense to “blame” either the theme or the plugin. These things are often simply the result of how the two – which both have their own structure, style rules and so on – merge together.

The answer in those cases is quite often to tweak either one of the stylesheets, the theme templates or our own templates (by means of a template override) … but do take the time to read through the Themer’s Guide first of all and see if that helps at all.

[Justin]

So I think I have resolved this… After commenting out events.css and enabling stanzas one-by-one, I found this to be the offending code:

#.events-archive .hentry {
# margin:0;
# padding: 0 0 15px 0 !important;
#}

Commenting it out makes the page look just like all of the other pages!
Still doing some additional testing, but so far that looks to be the ticket. Not sure what the point of that particular snippet is…

[Barry]

Some of the rules are in place to help achieve consistency across a number of themes – but may not make sense or may cause minor problems with other themes – it’s a bit of a balancing act.

If that solution works for you, though, fantastic!

[Author]

Posts