Event Calendar background changed

[Janice]

Hi Bill, hope you are well.

I am having issues with my Event Calendar plugin. It was working perfectly, then I had a message to update some core files which I did.

Now I have lost my white background behind the text and the page looks horrible.

See here as example: http://owanorthamerica.org/ai1ec_event/owml061212/?instance_id=65

Do you know how I might be able to fix this?

Many Thanks
Janice

[Bill Robbins]

Janice,

The All In One Event Calendar has had some trouble lately. They recently had an update that made all the javascript used by themes and plugins stop working. Asking you to edit a core file is a really bad sign. If at all possible, I’d suggest switching calendars and then going to update in your WordPress control panel and clicking the “Reinstall Now” button.

If I can help, let me know,
Bill

[Janice]

Hello Bill,

Many Thanks for getting back to me with this info.

I don’t understand your suggestion, do you mean to find an alternative calendar to use instead of All In One Event Calendar?

Could you give me the instructions again with some more detail please (apologies for being slow!!).

Big Thanks
Janice

[Bill Robbins]

Sorry for not being clear. I would suggest switching calendar plugins. When they first had the javascript problem, they indicated they were working on a fix, which is great. All software has bugs, but fixing the plugins problems with a core edit is a really bad idea. That’s why I’d strongly recommend switching to a different calendar plugin.

Personally I’m a fan of the The Events Calendar. On most any project I’m a part of that requires a calendar, that’s the one I go with.

You’ll also want to undo the core file edits you made. The easiest way to do that is to go to the “Dashboard” link in your WordPress control panel (it’s the one with the home icon. From there choose “updates.” Then you can reinstall WordPress and that will roll things back to the original core files.

If you have any trouble, let me know,
Bill

[Janice]

Hello Bill,

I have experimented with The Events Calendar, however I did not like it.

When you view the event all the widgets on the page move from right side to below the event.

Also it is just all white text on black background and I don’t like the layout of the information.

I REALLY want to keep All-In-Calendar if I can.

http://owanorthamerica.org/ai1ec_event/own060612/?instance_id=6

I just need to change the color so that the text is in a white background box and change the color of the Event Widget box to white background.

Do you know some code that I could use to do this and paste into the Theme Option Styling area?

Basically so it matches this:
http://newbeginningseminar.com/ai1ec_event/061512ih?instance_id=36

Pretty Please with Sugar on 🙂

Janice

[Bill Robbins]

You can do that. I think it’s a REALLY BAD idea though. You could seriously compromise your site. That said, here’s how to change the CSS:

.widget_ai1ec_agenda_widget {
	background-color: #fff !important;
}

#content table.ai1ec-single-event {
	background-color: #fff;
}

[Janice]

Okay… you are scaring me now…

Here is The Events Calendar on my original test site:

http://totalhealthproject.org/?tribe_events=meditation-with-gift-of-presence/

AND

http://totalhealthproject.org/?post_type=tribe_events

How can I make it prettier and solve the widget issue?

Big Thanks
Janice

[Janice]

Hello again Bill,

I have managed to sort the widget problem by changing the template under the Events calendar options / settings.

However I don’t know how to make this page look better:
http://totalhealthproject.org/?post_type=tribe_events&eventDisplay=upcoming

I would like the Title “Meditation with Gift of Presence” to be turquoise rather than grey.

Also on the right it is white text on white background.

If you can help I would be very grateful.

Many Thanks
Janice

[Bill Robbins]

Janice,

I’m sorry for not getting back to you this morning. Try this bit of CSS and see if that doesn’t get you going in the right direction:

.tribe-events-event-list-meta td {
	background: transparent !important;
}

td.tribe-events-event-meta-desc {
	color: #fff;
}

.tribe-events-event h2.entry-title a {
	color: #00adef;
}

Let me know if you have any trouble,
Bill

[Janice]

That’s awesome, you are the best Bill!

One last request: On the Calendar view page. Would it be easy to change the black boxes to white and the text within them to black (keeping the rollover as blue)?

http://totalhealthproject.org/?post_type=tribe_events&eventDisplay=month

Big Thank You
Janice

[Bill Robbins]

That’s possible too: Here’s what you’d need for that:

table#big {
	background-color: #fff;
}

table#big a,
table#big a:visited {
	color: #000;
}

[Janice]

Perfect timing Bill, am just working on our main site now and have installed The Events Calendar. I am very happy with it now that I have been able to make the changes with your help.

http://owanorthamerica.org/events/category/calendar/

Thank you so much I really appreciate all your support 🙂

Wishing you a Beautiful Day
Janice

[Bill Robbins]

That’s fantastic to hear. I’m glad you were able to get it to your liking.

Hope you have a beautiful day too,
Bill

[Author]

Posts