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

Card Cover Gradients

Hey everyone - I've done some looking but haven't found this exact issue. And I'm not sure it's an issue, or if it's just what it is. There is an obnoxious gradient on my full cover images - it's a pale gradient when you use dark lettering, a dark gradient when you use while lettering. It's very obviously at play in the original release article: 

Is there a way to make this STAHP?

I hope I'm being dumb and overlooking something simple. Thank you so much. 

1 answer

1 accepted

0 votes
Answer accepted
Brittany Joiner Community Leader Jun 18, 2021

@Tara Malone not sure I understand what you mean - can you share a screenshot?

Trello fade.pngTrello fade 2.png

I apologize, I am such a nerd. I took this and forgot to upload. So the top and bottom cards (Records and Access shot) are examples of the full cover images. At the top (dark lettering), the whole image appears faded (more so toward the bottom) because of the gradient applied I think by Trello. There also is a dark gradient on the bottom card (white lettering; the background gets much darker toward the bottom. 

You can see the same thing happening in the composite photo shot, which was from Trello's release article on this feature. The full cover images with dark lettering have a white gradient at the bottom (ex: Debbie Fisher); the images with light lettering have dark gradient (Alexis Moss). 

My question: is there a way to stop that/mitigate it?

Thanks again for helping; sorry for the lack of screen shot earlier. I appreciate the nudge.

Additional note: in the first screen shot, notice the middle card (the one that's not a full cover image) has a picture without a gradient, which is what I want. 

Brittany Joiner Community Leader Jun 18, 2021

@Tara Malone ah i see what you're saying, so i think when you apply the full cover, it naturally does apply a gradient so you can read the text. I don't know a way to turn that off unfortunately. I think what you're wanting is the full cover but the text to be underneath it, not layered on top of the image, right? In that case, I think you can do this by selecting the cover, adding the image, and then choosing the option on the left (not the right) to apply the cover image, but to put it abov the card title instead of overlaying the card title on it. 




Hey there - Thank you, I think you answered my question (that what I want isn't possible). I was hoping for the full cover image with text on top (not below), but with no gradient. It sounds like I may have to cope with either the gradient or your suggestion above. Either way, this tells me what I need to know so I appreciate your time in answering! 

Like K Hurlburt likes this

Suggest an answer

Log in or Sign up to answer
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,351 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