How-to change format of a label or field

Owned by Andreas Spall (evolu.software), created
Jan 16, 2023
2 min read

Although we have made an effort in formatting the labels and fields, the formatting may be inappropriate for one or another use case.

Here we show you how to customize the formatting of the fields and labels using the standard features of Confluence.

Step-by-step guide for the 'Issue Forms - view form' macro

  1. Open Space Tools => Look and Feel => Stylesheet as a Space Administator

  2. Insert the following css

    div[data-macro-name=jinc-issue-details] div[esif-type=field] { -webkit-text-fill-color: black; font-weight: bold; } div[data-macro-name=jinc-issue-details] input[disabled] { -webkit-text-fill-color: black; font-weight: bold; } div[data-macro-name=jinc-issue-details] div[role=textbox] * { -webkit-text-fill-color: black; font-weight: bold; } /* labels*/ div[data-macro-name=jinc-issue-details] div[esif-type=label] label { -webkit-text-fill-color: black; font-weight: bold; font-size: medium; }

  3. Based on the above adjustment, the form is now displayed as follows.

 

Step-by-step guide for the 'Issue Forms - create form' macro

  1. Open Space Tools => Look and Feel => Stylesheet as a Space Administator

  2. Insert the following css

    div[data-macro-name=jinc-issue-create] div[esif-type=field] { -webkit-text-fill-color: black; font-weight: bold; } div[data-macro-name=jinc-issue-create] input[disabled] { -webkit-text-fill-color: black; font-weight: bold; } div[data-macro-name=jinc-issue-create] div[role=textbox] * { -webkit-text-fill-color: black; font-weight: bold; } /* labels*/ div[data-macro-name=jinc-issue-create] div[esif-type=label] label { -webkit-text-fill-color: black; font-weight: bold; font-size: medium; }

  3. Based on the above adjustment, the form is now displayed as follows.