Photo View Changes

[Miles]

I recently installed the pro calendar and trying to make a few visual customization’s including:

1) I want to remove the “Show only the first upcoming instance of recurring events” option checkbox.
2) I want to display 3 columns not 2 and at equal heights if possible.
3) Center all content inside the photo box display and use a button instead of “Find Out More” text link
4) Edit main “events” page style including background color, spacing, etc…

Is there an easy way to make these changes?

Thanks!

[Hunter]

Hey Miles,

Welcome back! We’re fairly limited on the amount of support we can provide when it comes to customizations, but I’ll do my best to help.

1) I want to remove the “Show only the first upcoming instance of recurring events” option checkbox.

Visit Events > Settings > General and check the Recurring event instances box. (see screenshot below) More info can be found here.

2) I want to display 3 columns not 2 and at equal heights if possible.

These are unfortunately the types of requests we can’t help out too much with. I’ll copy/paste the best answer I have when it comes to altering the photo view.

To get started changing the columns from 3 to 4, you’ll need to familiarize yourself with the Isotope Script as it’s what we use to create the layout.

Then we run a script to initialize Isotope on that page.

/events-calendar-pro/resources/tribe-events-photo-view.min.js

Non-minified Version:

/events-calendar-pro/resources/tribe-events-photo-view.js

So to change the formatting you can wp_dequeue_script the first script and then replace it with your own.

3) Center all content inside the photo box display and use a button instead of “Find Out More” text link

The best advice would be to use custom CSS for the centering request and review our Themer’s Guide for information on creating an override which includes a button instead of the “Find Out More” text.

4) Edit main “events” page style including background color, spacing, etc…

It looks like you’re using the Avada theme. This article by the Avada authors is helpful. Check out our PRO Color Customizer. Another helpful resource is our Styles and Page Templates Knowledgebase article. Lastly, this Using the ‘Inspect’ tool to make changes with CSS YouTube video is helpful for learning the basics.

I hope this helps and best of luck with the customizations. If things get above your level of expertise, I invite you to visit our list of customizers and see if any developers can help further assist. Cheers!

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts