Task Colors

Wistia video thumbnail - Assign a Color

Thanks for reporting a problem. We'll attach technical data about this session to help us figure out the issue. Which of these best describes the problem?

Any other details or context?

#wistia_555_captions_line_wrapper { bottom: 38px; height: 0; left: 0; pointer-events: none; position: absolute; width: 100%; } #wistia_555_captions { bottom: 0; left: 0; text-align: center; position: absolute; width: 100%; } #wistia_555_captions .wistia_caption_line, #wistia_555_captions_notification { background-color: rgba(0,0,0,0.8); color: #ffffff; display: inline-block; *display: inline; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc000000', endColorStr='#cc000000'); font-family: Helvetica, Arial, Sans-Serif; font-size: 17px; line-height: 1.4em; max-width: 80%; padding: .25em .6em; text-align: center; vertical-align: top; zoom: 1; -webkit-font-smoothing: antialiased; } #wistia_555_cc_button.wistia_hidden { filter: alpha(opacity=0); opacity: 0; } #wistia_555_cc_button { background: transparent url(https://fast.wistia.com/assets/images/player-controls-CC-2x.png); cursor: pointer; filter: alpha(opacity=40); background-size: 73px; height: 40px; left: -5px; line-height:32px; opacity: .6; position: absolute; text-align: center; text-indent: -999999em; top: -1px; width: 70px; z-index: 2; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-backface-visibility: hidden; } #wistia_555_cc_button.wistia_fade_transition { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #wistia_555_cc_button.wistia_hidden { filter: alpha(opacity=0); opacity: 0; } #wistia_555_cc_button:hover { filter: alpha(opacity=50); opacity: 1; } #wistia_555_cc_button.wistia_on { filter: alpha(opacity=80); opacity: 1; } #wistia_555_cc_button.wistia_on:hover { filter: alpha(opacity=90); opacity: 1; } #wistia_555_captions_list_container { background-color: rgba(0,0,0, 0.3); font-family: Helvetica, Arial, Sans-Serif; margin-bottom: 32px; overflow: hidden; position: absolute; width: 130px; z-index: 1; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } #wistia_555_captions_list_container.wistia_hidden { filter: alpha(opacity=0); opacity: 0; cursor: default; } #wistia_555_captions_list_spacer { display: block; height: 40px; } #wistia_555_captions_list { cursor: pointer; display: block; list-style: none; max-height: 303px; overflow-y: scroll; padding-left: 0; width: 155px; margin: 0; margin-top: 5px; } #wistia_555_captions_list_container.wistia_fade_transition { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #wistia_555_captions_list .wistia_555_caption_li { color: #ffffff; margin: 0px; padding: 10px 0px 10px 0px; width: 100%; } #wistia_555_captions_list .wistia_555_caption_li:hover { background-color: rgba(0,0,0, 0.6); } #wistia_555_captions_list .wistia_555_caption_name { display: inline-block; letter-spacing: 1px; list-style: none; } #wistia_555_captions_list .wistia_555_caption_check { display: inline-block; background: transparent url(https://fast.wistia.com/assets/images/white-check-2x.png); background-repeat: no-repeat; background-size: 14px; height: 13px; margin: 0px 10px 0px 13px; width: 15px; } #wistia_555_captions_list .wistia_555_caption_check.wistia_hidden{ filter: alpha(opacity=0); opacity: 0; }
#wistia_grid_559_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;} #wistia_grid_559_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_559_above{position:relative;} #wistia_grid_559_main{display:block;height:100%;position:relative;} #wistia_grid_559_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_559_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_559_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_559_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_559_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_559_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_559_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_559_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_559_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_559_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_559_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_559_below{position:relative;}

Colors allow you to customize TeamGantt in a way that suits your organization's needs. Some common ways to use colors are: 

  • Distinguish between departments/teams (i.e. all Marketing Department tasks are purple)
  • Distinguish users assignments (i.e. all of John's tasks are blue)
  • Set priority level (i.e. all red tasks are urgent, green are low priority)

In this article, you'll learn how to assign and change task colors for better organization within your project. 

Changing a Task Color

There are 16 pre-set task colors from which to choose. To change a task's color, simply hover over a task and click the color block icon that appears to the right of the task bar. 

To change the color of an entire task group, simply hover your cursor over the task group line and click the color block icon that appears to the right to change the color. 

To change the color of multiple ungrouped tasks simultaneously:

1) Click the the first task bar you would like to change
2) Hold Command (Mac) or Ctrl (Windows) and click another task
3) Repeat step #2 until you have selected as many tasks as you wish
4) Select the color block icon next to any task that you have selected

Note: While it is possible to change the colors of your tasks, it is not possible to change the color of a milestone.

Assigning a Default Task Color to a User or Resource 

To set a default color for each person on your team, select the  People tab at the top of your project and then Select default task bar color next to the user/resource that you would like to assign a color to.

Once you do this, each task you assign to that person or resource will automatically be the color you selected. You have the option to assign the color for previously created tasks and future tasks, or future tasks only. 

If more than one person is assigned to a task, whoever is last assigned to the task will determine the color of the task bar.  However, you can still manually change the color of the task.

Note: Selecting a task color from the people tab will only change tasks within the selected project. 

Filtering by Color

If you want want to view color-specific information in your chart, you can also filter the information by color from the All Colors drop down menu. Here is more information about filters

Note: It is not possible to change the name of the color at this time.

Still need help? Contact Us Contact Us