Styling the Event Title in List View

Home Forums Calendar Products Events Calendar PRO Styling the Event Title in List View

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #966052
    Andy Johnston
    Participant

    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

    #966171
    Brian
    Member

    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

    #976186
    Brian
    Member

    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! 🙂

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Styling the Event Title in List View’ is closed to new replies.