How to change the background color?

[Laith]

Dear Support,

I am using The EventCalendar(Pro) with AVADA.

AVADA –> Theme Option –> Event Calendar –> Single Event Post –> Events Sidebar Widget Title Background Color
I changed the background to blue. –> The Sidebar is now blue

But the Event Title is still green as avada and + Google Calendar and + ICAL Export als still green.
Also when I use the Pro shortcode (view = list) then every thing is also green.

How to change this behaviour please and let all these elements have the color blue:
#03a9f4;

I tried the following css code (found it via google tool: inspect) it worked fine but it seems for me to be very long and the pro shortcode list is still ugly green. (please look at it here: https://successful-coding.de/termine)

.datepicker.dropdown-menu table tr td span.month, .datepicker.dropdown-menu table tr td.day, .fusion-events-single-title-content, .fusion-tribe-primary-info .tribe-events-list-event-title a, .tribe-events-venue-widget .tribe-venue-widget-thumbnail .tribe-venue-widget-venue-name, .tribe-mini-calendar div[id*=’daynum-‘] a, .tribe-mini-calendar div[id*=’daynum-‘] span {
background-color: #2a90da;
}

#main .comment-submit, #reviews input#submit, #tribe-bar-form .tribe-bar-submit input[type=submit], #tribe-events .tribe-events-button, #tribe_events_filter_control #tribe_events_filters_reset, #tribe_events_filter_control #tribe_events_filters_toggle, .button-default, .button.default, .comment-form input[type=”submit”], .fusion-button-default, .fusion-portfolio-one .fusion-button, .post-password-form input[type=”submit”], .ticket-selector-submit-btn[type=submit], .tribe-events-tickets .add-to-cart .button {
background: #2a90da;
}

I am looking forward your answer

Best regards

Laith

[Geoff]

Hi Laith,

Thanks for getting in touch!

Ah yes, I see what you mean. It’s worth noting that Avada has customized the default styling and templates that are included with our plugins. As such, the specific styling you are referring to here come directly from the theme.

I’d be happy to help you as best I can. That said, I do think it might be better to reach out to Theme Fusion support, as they will have a much better understanding of the customizations that have been made than we do.

In any case, here is how I would approach changing the green background of the Event Title and the Month Title. Try navigating to the Appearance > Customize > Additional CSS screen in WordPress and adding this:

.tribe-events-list-separator-month,
.fusion-tribe-primary-info .tribe-events-list-event-title a,
.fusion-tribe-events-headline {
background-color: blue !important; /* or whatever color you would like */
}

Here is a screenshot of how that looks when I tested it on your site. I really hope this works for you as well but, like I said, it might be best to reach out to the Theme Fusion team since they will have a better idea of the customizations that have been made to the styles.

Thanks so much!
Geoff

[Laith]

Hi Geoff thank you very much.

1) The same issue with the title.
Hier is an example: http://s660338938.online.de/myevent/java-grundkurs

2) And the second question is: how can I please change the order on the sidebar.
I would like to have the Organiser before the Venue. I would like to have the following:
– Details
– Organiser
– Venue

But in AVADA I got the following order, and I did not find out how to change them:
– Details
– Venue
-Organiser

Please have a look also at this test-page:
http://s660338938.online.de/myevent/java-grundkurs

3) The Third and last question how to change the date and time format?
As you can see on http://s660338938.online.de/myevent/java-grundkurs
As example you can see: Java Grundkurs April 24@8:00 am – April 28 @5:00 pm
Can I change it to —> Java Grundkurs 24-28 April 2017 from 08:00 -17:00
If yes, how? I did not also find this option in avada or in the EventCalendar Pro settings
or in WordPress Time settings.

By the way I opened other tickets for these issues. It is for me really important to get the answer :-).
I am looking forward your answer and beste regards.

Laith

[Geoff]

Hi Laith,

Thanks for following up!

I see you already have other threads open for the second and third questions you mentioned.; That’s great because it allows us to keep the conversation focussed on a single topic at a time.

So, going back to your first question:

1) The same issue with the title.

This should work:

.fusion-events-single-title-content {
background-color: blue !important; /* or the color of your choice */
}

As you can see from the name of that class, it is coming straight from Theme Fusion’s stylesheet in the Avada theme. I would highly suggest reaching to them if the code I provided does not work, or if you have additional questions about the styling of the calendar — they will be much more knowledgeable about the code they wrote.

Thanks so much!
Geoff

[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