Event Title in Search Results

[rcstribe]

This issue might be related to the one in https://theeventscalendar.com/support/forums/topic/problem-with-calendar-view-and-woothemes-canvas-theme/

When I do search from the search form on the site, a get a list of posts and events that match the search criteria. The problem is that the font for the event title is different/wrong. Checking with Firebug would seem to imply the CSS is getting confused…

You can reproduce by searching for “angeles” (no quotes) and looking for the Test Event. This seems to be theme related, since problem does not occur with twenty twelve theme. Just please keep in mind that the Canvas theme is a very popular, top of the line theme from one of the leading theme vendors…

[Jonah]

Hi rcstribe,

Try adding the following to your theme’s style.css file:

.search-results .hentry .title, .search-results .hentry .title a:link, .search-results .hentry .title a:visited {
font: normal 26px/1.1em "Helvetica Neue", Helvetica, sans-serif;
color: #73145B;
}

That should do it.

[rcstribe]

Hi Jonah,
Thanks, but unfortunately, that didn’t have any effect…
Next idea?

[rcstribe]

WAIT!!! There was a caching issue – it does work fine now.
Can you explain to me why it had to go in theme’s css, not the plugin’s CSS?

Also, you’d REALLY be my hero (and allow me to continue with my launch) if you helped figure out the issue in https://theeventscalendar.com/support/forums/topic/problem-with-calendar-view-and-woothemes-canvas-theme/

Thanks!

Jackie

[rcstribe]

Hi Jonah –

It looks like Barry just beat you to the punch on that thread 🙂
Not perfect yet, but almost there.

Thanks again – I am really glad – and appreciate – that you guys came through on the support!

[Jonah]

Hey rcstribe,

It’s more of a theme CSS styling issue than something related to our plugin, and in my opinion it’s better maintained keeping CSS customizations whether they relate to our plugin or not, in your theme’s style.css

I’m glad you’re happy with the support! We’re happy helping! If you feel inspired, we’d sure appreciate a rating/review here: http://wordpress.org/support/view/plugin-reviews/the-events-calendar

Thanks,
Jonah

[rcstribe]

Jonah,
I’m a relative newbie when it comes to CSS… So I am a bit confused when you say “it’s better maintained keeping CSS customizations whether they relate to our plugin or not, in your theme’s style.css”
What about events.css?

[Jonah]

events.css is as you may know, the stylesheet loaded for styling in our plugin. You can override this by placing a copy in an ‘events’ folder in your theme and add any changes you like (like the above), but I don’t think this is the best approach because when we update the plugin and add styles, those styles will not get loaded into your customized events.css since the plugin will use your version and not the plugins with the new changes. You would need to manually figure out what’s been added/changed and merge that into your customized events.css, which I think would be more work. Instead, you can place customizations that apply to our plugin (but that don’t really apply to our plugin in this case because this is an issue with the way your theme is applying styles to the results in the search list, not applying them to events) in your theme’s style.css where general theme/appearance styling should go anyway.

Hopefully that clarifies things for you, but please let me know if you have other questions.

[Author]

Posts