Example CSS Styles

If you are going to use colors, we suggest that you use the same colors used by JIRA so that you will get a consistent look and feel. You can find color pallets used by JIRA here.



CSS Style

Preview

CSS Style

Preview



1 color: orange;







1 color: #E74C3C;





1 2 background-color: #14892c; color: white;



1 2 3 4 5 6 background-color: #14892c; color: white; padding: 5px; width: 130px; border-radius:4px; text-align: center











1 2 color: #14892c; font-style: italic;







1 2 3 4 5 6 7 8 background-color: white; color: #594300; padding-right: 3px; padding-left: 3px; border-radius: 4px; border: 2px solid #ffe28c; text-transform: uppercase; text-align: center





Style each option as shown in the following example but with different colors.

You can also adjust width and height values to make circle bigger or smaller.

1 2 3 4 5 6 7 background-color:#14892c; color:#14892c; width: 30px; height: 30px; border-radius:50%; display: flex; justify-content:center;