Customizing the Calendar to do this

Home Forums Calendar Products Events Calendar PRO Customizing the Calendar to do this

Viewing 15 posts - 1 through 15 (of 44 total)
  • Author
    Posts
  • #29281
    jts2005
    Participant

    I 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

    #29293
    Barry
    Member

    http://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?

    #29294
    Andy Fragen
    Moderator

    Go 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.

    #29299
    Barry
    Member

    Thanks Andy. jts2005: it would be great to hear how you get on 🙂

    #29336
    jts2005
    Participant

    ok, 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?

    #29339
    jts2005
    Participant
    #29340
    Andy Fragen
    Moderator

    @jts2005, can you send a screenshot of your Events Category Settings? You might also try deactivating and activating the Category Colors plugin.

    #29341
    jts2005
    Participant

    View post on imgur.com

    Yes, I just tried to deactivate it and it didnt help.

    #29342
    Andy Fragen
    Moderator

    What are the names of your categories?

    #29343
    jts2005
    Participant
    #29350
    Andy Fragen
    Moderator

    For 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.

    #29351
    Andy 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.

    #29361
    jts2005
    Participant

    Andy, 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.

    #29362
    jts2005
    Participant

    Andy, 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.

    #29379
    Andy Fragen
    Moderator

    @jts2005, to get rid of he calendar border, go to the Settings > Templates tab and select Default Events Template and save.

Viewing 15 posts - 1 through 15 (of 44 total)
  • The topic ‘Customizing the Calendar to do this’ is closed to new replies.