Change Buttons color in Events Calendar

[Marco]

Hi,
I’ve installed the plugin on Avada theme and I’ve changed succesfully the colors of some of the elements but I can’t find how to change them for a couple of elements:

1) http://www.tipicoascoli.it/eventi/ Here in the monthly calendar view, the search button and the export button at the bottom. How do i change their color?

2) http://www.tipicoascoli.it/evento/convegno-tipico-ascoli/ Here in the event detail page, the Ical and google calendar button at the bottom, and the heading at the right (“Dettagli” and “Luogo”), how do I change them?

Thank you

[Brian]

Hi,

Thanks for using our plugin. I can try to help out here, but we are limited in supporting theme compatibility issues and Avada does have additional css to modify the colors of the calendar.

Having said that, I took a look at your site.

For all the buttons, search and exports this work for me:

.post-content #tribe-bar-form .tribe-bar-submit input[type=submit], .post-content #tribe-events .tribe-events-button {
background: #a0ce4e;
color: #ffffff;
}

Change the color hexs there to the color you would like.

For the titles in the single event sidebar, I got this to work:

.single-tribe_events .sidebar .tribe-events-single-section .tribe-events-single-section-title {
background-color: #aace4e;
color: #ffffff;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Avadas has more resources here for the integration with TEC too:

https://theme-fusion.com/avada-doc/special-features/how-to-use-the-events-calendar-with-avada/

Beyond that we are not able to help out with changes to the Events Calendar, but that should get you started.

Thanks

[Marco]

Thank you!

[Brian]

You’re Welcome.

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts