Versions Compared

Old Version 7

changes.mady.by.user Deniz Oğuz

Saved on

compared with

New Version Current

changes.mady.by.user Deniz Oğuz

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info

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


Code Block
languagecss
color: orange;



Image Modified


Code Block
languagecss
color: #E74C3C;



Image Modified
Code Block
background-color: #14892c;
color: white;
Image Modified


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




Image Modified



Code Block
languagecss
color:  #14892c;
font-style: italic;



Image Modified


Code Block
languagecss
background-color: white;
color: #594300;
padding-right: 3px;
padding-left: 3px;
border-radius: 4px;
border: 2px solid #ffe28c;
text-transform: uppercase;
text-align: center



Image Modified

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.

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


Image Added