Home › Forums › Calendar Products › Events Calendar PRO › Customizing the Calendar to do this
- This topic has 43 replies, 3 voices, and was last updated 13 years, 4 months ago by
Barry.
-
AuthorPosts
-
December 11, 2012 at 7:25 pm #29281
jts2005
ParticipantI see on multiple sites in the showcase sections that there has been a few sites customizing theirs in a way that I am looking to do. The website below has each even color coded according to the type of event they are. Where can I find some info to do this?
This one below has it where you can click on the color (or type of event you are looking for) and it will only show those listed under that color.
http://carolinaepicurean.com/events/http://www.spectrumsportsacademy.com/events/
http://www.events-manchester.co.uk/events/month/Thx
December 12, 2012 at 6:51 am #29293Barry
Memberhttp://www.spectrumsportsacademy.com/events/
OK, so taking the above as an example: each individual event in the grid is wrapped in a div element and extra CSS classes have been applied to those divs to denote if the event is for instance a tournament or a conditioning class.
What I’d imagine they have then gone on to do is add new CSS rules targeting those classes, such as:
table.tribe-events-calendar td div.type-tribe_events.cat_tournaments { background: #0F0; }To do this you would need to be fairly familiar with CSS and HTML – I’d also recommend reading through our tutorial on template overrides. Does that help?
December 12, 2012 at 7:06 am #29294Andy Fragen
ModeratorGo get The Events Calendar Category Colors plugin from the WordPress repository. In in the options, select the option to add a legend. Clicking on the legend will automatically select only events of those specific categories. If you have any further questions let me know and please list the URL for your site so we can all see what your progress.
December 12, 2012 at 7:46 am #29299Barry
MemberThanks Andy. jts2005: it would be great to hear how you get on 🙂
December 12, 2012 at 5:35 pm #29336jts2005
Participantok, guys, thanks for all the replies. My site is http://chiroinc.com/semianrs. I have added the plugin that Andy has suggested. The categories does not show up in category colors option screen within the events plugin. I have added categories and went back and it is blank and there is no way to choose a color for the categories I have added. Any suggestions Andy?
December 12, 2012 at 5:47 pm #29339jts2005
Participantcorrection http://chiroinc.com/seminars
December 12, 2012 at 5:50 pm #29340Andy Fragen
Moderator@jts2005, can you send a screenshot of your Events Category Settings? You might also try deactivating and activating the Category Colors plugin.
December 12, 2012 at 5:53 pm #29341jts2005
ParticipantYes, I just tried to deactivate it and it didnt help.
December 12, 2012 at 5:55 pm #29342Andy Fragen
ModeratorWhat are the names of your categories?
December 12, 2012 at 5:57 pm #29343jts2005
ParticipantDecember 12, 2012 at 8:16 pm #29350Andy Fragen
ModeratorFor some reason the plugin isn’t returning a listing of your category info. I’ve never seen this particular problem before. Can you try deactivating all your plugins except for the ones related to The Events Category plugins. There must be a conflict in here somewhere. If deactivating all extraneous plugins makes Category Colors work then start adding back until you see the problem again.
Thanks for being patient.
December 12, 2012 at 9:28 pm #29351Andy Fragen
Moderator@jts2005, you have to have an event that is categorized for the plugin to show it’s colorizing options. In your pic of your categories it says 0 for the number of events in each category.
December 13, 2012 at 4:06 am #29361jts2005
ParticipantAndy, you are the man!! Now, it says to copy the template file and place it in the events folder within my theme. I do not see that within my headway theme. Am I missing something? Thx for all your help.
December 13, 2012 at 4:56 am #29362jts2005
ParticipantAndy, it seems to add a border around the calendar as well as the events i assigned to the category. If you look at my calendar you will see http://chiroinc.com/seminars.
December 13, 2012 at 7:00 am #29379Andy Fragen
Moderator@jts2005, to get rid of he calendar border, go to the Settings > Templates tab and select Default Events Template and save.
-
AuthorPosts
- The topic ‘Customizing the Calendar to do this’ is closed to new replies.
