Styling the Event Title in List View

[Andy Johnston]

I’m trying to change the styling of the title in list view. Here’s an example:
http://freshwatercoastfoundation.org/events/

I want the title font size to be 34px, and I want it to align left. I can make these changes in the Inspect Element panel of my browser:

#top .tribe-events-list-event-title.entry-title, #top .tribe-events-list-event-title {
  font-size: 34px;
  margin-bottom: 20px;
}

The style changes that result are exactly what I want. But when I put that CSS in my child theme’s CSS file, there is no effect.

Can you please help me understand what’s going on? What custom CSS should I be using?

Thank you!
Andy

[Brian]

Hi,

Sorry for the issues you are having.

It looks like the base.css file is being called after other stylesheets and overwriting this.

If you can load that first it would make this easier, but that is being done by the theme so not sure how easy it is.

Anyway, I got this to work:

#top .tribe-events-loop .type-tribe_events .tribe-events-list-event-title.entry-title {
font-size: 34px;
margin-bottom: 20px;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Brian]

Since there is has not been any activity on this thread for over 2 weeks so I am now closing it. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts