An 'Add Event' button (instead of link) and proper form

[Ying Chow]

Hi there, for user to submit a new event, beside the ‘/events/community/add’ link, is there a button that we can add on the calendar page? It would also serve as a reminder for user to add their own review.

Also, my Add Event form seems to be collapsed, you can view the attached picture. Is it due to my theme? how do I check (the cause of the problem) and how do I fix this?

Thanks a lot

[Geoff]

Hello Ying Chow and welcome to the forums!

Good questions and I’m happy to help answer them. 🙂

is there a button that we can add on the calendar page?

While there isn’t a button, you can add one to the calendar. For example, you could use take the HTML for a link:

Add An Event

…and paste that into the display settings over at Events > Settings > Display in the Advanced Template Settings section. There is an option to “Add HTML before event content” and you can add that HTML (screenshot) and save the settings to display a link to the Community Events submission form. From there, you can style it to look like a button using CSS or code that might already exist in your theme.

Also, my Add Event form seems to be collapsed

Yes, this is a conflict between the theme styles and the calendar styles. For example, here is a screenshot of how the form looks with the default WordPress Twenty Sixteen theme.

The good news is that you can work around this by adding your own CSS to the form to clean things up. We have a great tutorial on how to locate the calendar’s CSS classes. From there, you can add your custom styles either to your theme’s style.css file or use the Simple Custom CSS plugin to make your styling changes.

Does this make sense and will it work for you? Please let me know. 🙂

Cheers!
Geoff

[Ying Chow]

Hi Geoff,

It works like a charm!

Thanks! 🙂

[Geoff]

My pleasure! Thanks so much for letting me know and thanks for using our plugins. 🙂

Cheers,
Geoff

[Author]

Posts