Link Search Menu Expand Document (external link)

Styling Tasks

Each task entry has CSS styles that allow you to change the look and feel of how the tasks are displayed. The following styles are available.

Class Usage
plugin-tasks-query-result This is applied to the UL used to hold all the tasks, each task is stored in a LI.
plugin-tasks-list-item This is applied to the LI that holds each task and the INPUT element for it.
tasks-backlink This is applied to the SPAN that wraps the backlink if displayed on the task.
tasks-edit This is applied to the SPAN that wraps the edit button/icon shown next to the task that opens the task edit UI.
task-list-item-checkbox This is applied to the INPUT element for the task.
tasks-group-heading This is applied to H4, H5 and H6 group headings

tasks-group-heading was introduced in Tasks 1.6.0.