/
Example CSS Styles

Example CSS Styles

Owned by Deniz Oğuz
Last updated: Jul 15, 2020
2 min read

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



color: orange;







color: #E74C3C;





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



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











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







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.

background-color:#14892c; color:#14892c; width: 30px; height: 30px; border-radius:50%; display: flex; justify-content:center;





Related content