How can I increase size of rendered Markdown to-do checkmark in IntelliJ IDEA?

Question

When I increase the font size of a rendered Markdown document with to-do list in IntelliJ IDEA, the size of the checkmarks remains small in the Preview section. Is there a built-in way or a plugin that would fix this issue?

Example document

## Topics

- [x] Variables
- [x] Conditions
- [x] Loops
- [ ] Functions
- [ ] Classes

Rendered content

I also tried add the following custom CSS:

input[type=checkbox] {
  width: 0;
  margin-right: 5rem;
  font-size: 4rem;
  line-height: 2rem;

  &:checked::after {
    content: '✔️';
  }
  &:not(:checked)::after {
    content: '⬜️';
  }
}

However, this code results in overlapping checkboxes.

After adding custom CSS

Eric Fortis · Accepted Answer · 2025-03-25 04:02:06Z

0

You could style them, here's a starting place.

Settings -> Languages & Frameworks -> Markdown -> Custom CSS

input[type=checkbox] {
  width: 0;
  margin-right: 5rem;
  font-size: 4rem;
  line-height: 2rem;

  &:checked::after {
    content: '✔️';
  }
  &:not(:checked)::after {
    content: '⬜️';
  }
}

answered Mar 25 at 4:02

Eric Fortis

17.5k6 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sanitizedUser Mar 25 at 6:37

It didn't work as intended. Look at the rendered content. As you can see, the checkmarks are different than in your image but they also overlap. Edit your answer, please, to tackle this problem.

Collectives™ on Stack Overflow

How can I increase size of rendered Markdown to-do checkmark in IntelliJ IDEA?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related