Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,294,581
Community Members
 
Community Events
165
Community Groups

Possible to hide the green symbol for completed checklists on the front of a card?

image.png

The green symbols clutter my board and take too much focus. Can I hide this symbol or change the green colour to grey?

1 answer

1 accepted

Hello @Mats Berggren 

It can't be done within Trello itself, but you can do it on the browser side with an extension like Pro For Trello that can alter the CSS on the web page.

The CSS code you'd need to apply to make that green checkbox hidden when all the items in the checklist are complete would be:

.badge.is-complete {
    width: 0;
    padding: 0;
}

If there are still items to complete in the checklist, the normal checkbox appearance would apply:

Annotation 2021-08-28 124951.png

If you don't want to hide the checkbox when all the items are complete, just make it have a light grey background, here is the CSS code for that:

.badge.is-complete {
    background-color: #DDDDDD;
}

which renders like this:

Annotation 2021-08-28 131332.png

Note. These solutions only work for users that have the browser extension installed and the CSS code changes applied via that extension.

Think like a pro!

Thank you for helping me out. I'll definitely try Pro for Trello.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Posted in Trello

Taco Tuesday: New years' resolutions with Trello

Congratulations to @Laura Holton , our latest winner of Taco Tuesday! And thanks to @Kristján Geir Mathiesen for sharing the picture of Taco having fun with his new friend  B...

2,303 views 28 40
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you