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,735
Community Members
 
Community Events
165
Community Groups

Why my inline code rendered as white but not red?

Edited

Screenshot from my workspace: white and transparent

Screen Shot 2021-08-13 at 3.21.40 PM.png

 

Screenshot from help page: red

Screen Shot 2021-08-13 at 3.22.39 PM.png

 

Where can I set it up?

1 answer

1 accepted

Hello @Gary Chen 

Are you seeing that via the mobile app? If so, did you see this warning message at the top of the Trello Markdown documentation page:

Markdown does not work in card titles, and not all syntax will display when using the Trello mobile app.

If you open the Trello board via a normal web browser and look at the card, does the text with the markdown appear correctly in red, like this:

Annotation 2021-08-13 204010.png

Hi @David Bakkers 


Thanks for your reply.
I opened it on the normal web browser, the text with markdown appear in white.

Hello @Gary Chen 

When you say 'white' text, do you mean the text was BLACK?

And when you then tested with other web browers, did they also display the text as black?

Hi @David Bakkers 

I tested it again in another browser Chrome, still not ok.

Screen Shot 2021-08-13 at 6.50.09 PM.png

Hmmm. It's working just fine for me with Firefox, Chrome and Edge on Win64.

Are you using just two back quotes around the text, like this:

`test description`

Are you trying to add other markdown codes to the text?

Yes. I think it’s working good except the color rendered.

Screen Shot 2021-08-13 at 6.56.53 PM.png

Both inline code and code block are rendered as white.

Raw description content:

* inline code test
`test description`


* code block test
```java
public class Demo {
}
```

1. A
2. *B*
3. **C**



Screen Shot 2021-08-13 at 7.01.24 PM.png

Hi @David Bakkers 

Thanks again. My colleague helped me solve this problem. I turned on the color blind mode in the settings. It's working good after disabled.

Ahh, that explains it :) I was going to suggest maybe a browser side extension that was altering the CSS.

As a side note, I have found that the rendering of code blocks using markdown can be 'tricked' into rendering incorrectly.  For example, this text with markdown:

code block test

```
public class Demo {
}
```

...then it will be tricked into rendering it as inline code:

Code block red.png

But if I make the line of text before that code block a bullet list with an asterix, like this:

* code block test
```
public class Demo {
}
```

...then the code block will render correctly:

Code block black.png

The same applies to putting a full line break before the code block definition:

code block test


```
public class Demo {
}
```

...which renders correctly:

Code block black 2.png

Trello's markdown is very sensitive to the preceding line of text being either a line break or some other marked down text.

 

 

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,304 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