Community Events Documentation Error

[huroncounty]

I want my half hour back. See below:

Loading custom Styles for Community Events (premium)

To load custom styles for Community Events views and elements, create a stylesheet called tribe-community-events.css in the tribe-events/community/ directory of your theme.

Filename must actually be:

tribe-events-community.css

[huroncounty]

I am very confused. If I create a file called tribe-community-events.php with this content:

.eventForm td {
    font-size: 18px;
    padding: 0 10px 10px 0;
    vertical-align: middle;
}

It has no effect. If I rename the file tribe-events-community.css the rule takes affect, but the base css file for community is not loaded anymore breaking the layout.

Please advise? Site launches July 4. :/

[huroncounty]

For now I have copied the default file from:

/wp-content/plugins/the-events-calendar-community-events/src/resources/css/tribe-events-community.css

To:

/wp-content/themes/coh/tribe-events/community/tribe-events-community.css

This seems to work for now, but am I doing this wrong? I don’t think these overrides are working as intended.

[Nico]

Hi there @huroncounty,

Thanks for reaching out to report the error in our themer’s guide. I could confirm this and updated the guide already, sorry for the hassle!

What you describe in your last reply is actually how this works. Placing a custom CSS file for this will override the one loaded by the plugin. If you just want to add some style on top of the default one, you can place it in your theme (or child theme) stylesheet or even via Simple Custom CSS plugin.

Thanks again for reporting this,
Best,
Nico

[huroncounty]

Thanks.

[Nico]

You are welcome @huroncounty!

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Have a great weekend,
Nico

[Author]

Posts