nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Epic Name is sometimes displayed with color around it and sometimes bold and sometimes ALL CAPS.

eirens

What controls this? See pic from my Kanban board in a Classic-type bug tracking project in Jira Cloud.

"HOURS OF OPERATION" Epic Name is bold and ALL CAPS and has a grey fill color around it. Whereas "Server Documentation" Epic Name is the actual case (Title Case) of the Epic Title and not bold and has a purple fill color around it.

W10 -- 2020-02-07, 12_19_04 -- 1.1 — Desktop Site - Agile Board - FixAnything Jira.png

Accepted answers

Dennis T

I found the reason. If you did not select a color for the Epic, it will show bold and capitalized. The color is a lighter grey than that found in the color selections: that indicates a color was not selected by the user.

I know a color is supposed to be randomly selected automatically by Jira but it seems that sometimes no color is automatically selected. I think it happens when an existing non-Epic ticket is converted to an Epic.

All comments

Andy Heinzer

Hi @eirens

I see that you noticing these two different names are being represented very differently on cards on this board. At first I thought that perhaps this difference was due to the differences between Classic Jira Software projects and next-gen Jira Software projects.

It is true that Next-gen projects have different ways to display epics on a board. And it's also true that in a next-gen board, the epic is always capitalized on the card in the board, where in Classic the epic name can be in either case when on the card in the board. However in the example you have provided, I can't find a way to make an epic name/epic link on the board that specific gray color and bold at the same time. Screen Shot 2020-02-14 at 2.56.24 PM.png

In this screenshot you can see that next-gen epics have a limited color palette as of today.

Screen Shot 2020-02-14 at 3.09.41 PM.png

But that the Next-gen epic name on the card is getting automatically bold and capitalized.

Screen Shot 2020-02-14 at 2.56.01 PM.png

And in this ^ classic project, you can choose a grey color, but it doesn't auto capitalize the epic name on the card in the board.

Which leads me to believe that your "HOURS OF OPERATIONS" element there is actually the name of a version in that project instead of being an epic name. It is also possible you have an epic by that same name, but in this case, I don't think we're seeing the epic element here for the cards FA-128 and FA-129 like we are for the other issues on that board.

Try checking that first. Please let me know if this helps. I'd be interested to learn if there are still unexplained differences here.

Cheers,

Andy

eirens

@Andy Heinzer , I definitely do not have a version named "HOURS OF OPERATION". Here's a pic of ALL of my versions. Screen Shot 2020-02-22 at 1.56.20 PM.png

eirens

@Andy Heinzer , Here is a screen shot of FA-128 (the epic). The red boxes are just me scrubbing user info, etc.

It shows the name of this epic in the lower right. Screen Shot 2020-02-22 at 2.07.04 PM.png

And here is a screen shot of FA-129, the issue in epic FA-128.

Screen Shot 2020-02-22 at 2.11.22 PM.png

Andy Heinzer

Hi @eirens

Thanks for clarifying that. You are correct, that is an epic link after all. Sorry to lead you down the wrong path there with an version name. I thought I was on to something there.

I have been trying to reproduce this issue, but so far I can't seem to do so. I would be interested to learn if there is perhaps some different way in which this "Hours of Operations" epic is being created in comparison to other epics. My initial though was if perhaps this epic is created by an add-on to Jira Cloud, or a plugin, or via an API call, perhaps the method in which it is created is not specifying the epic color. That might explain the grey color choice here, but I still can't seem to figure out why that text is showing bold in that specific card.

At least in my own site, I can't seem to switch any settings to cause this. I'd be interested to see if you can look at this epic on the backlog view, and see if you can at least change the color there. I am curious to learn if perhaps changing this epic color to any other color might also change the way the text is being displayed here.

I looked at my own system, and brought up the developer tools in Chrome to see what is controlling this. At lease from what I can tell on that Kanban board card, it looks like there is a css element name of #jira.adg3 .aui-lozenge.ghx-label-14

Screen Shot 2020-02-24 at 4.10.26 PM.png

I found that if I modified the css element name of 'text-transform' there I could make this appear in all caps, or all lowercase, etc. But this is only something the developer tools can do this show you what changing the css value might do in regards to the site. If you can, I'd be interested to see if you can Inspect the page here for your own site and see if perhaps you might have some different values setup for that <span class or the CSS elements that control the way that text is being displayed there on the page. Still not sure what would cause you to have different styles being applied here, but perhaps looking at this more closely might give us more clues about what is different here and why.

Andy

Dennis T

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

cloud

jira-software

jira-software-cloud