Styling Events List

[Scott Gillard]

I’m a bit of a newb. I have been trying to follow the directions for styling the events list (I only need to change the size of the font in the shortcode generated list.

I just can’t seem to figure it out. The documentation suggests there’s a themes/<theme>/trive-events/pro/ directory but it isn’t there and the Pro plugin is installed and activated. There are many files in the plugin folder but I presume they should be left alone.

Any guidance would be greatly appreciated.

[Geoff]

Hey Scott,

Totally happy to help!

Yeah, adding styles can be a little cumbersome. Basically, you can do this:

• Create a new folder in your theme called tribe-events
• Make a new folder inside that one called pro
• Make a new file in that folder called tribe-events-pro.css

Now that the stylesheet is in your theme, you can use it to override the plugin’s CSS as you see fit. In this case, you can add something like this:

.tribe-mini-calendar-event .list-info {
font-size: 20px; /* or whatever size you'd like */
}

Does that clear things up a bit? Please let me know. 🙂

Cheers!
Geoff

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts