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.

We use the Atlassian components described in detail here: https://atlaskit.atlassian.com/packages

Therefore, we cannot guarantee that the formatting adjustments described here will continue to work in future versions of Issue Forms.

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

Open Space Tools => Look and Feel => Stylesheet as a Space Administator
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; }
Based on the above adjustment, the form is now displayed as follows.

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

Open Space Tools => Look and Feel => Stylesheet as a Space Administator
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; }
Based on the above adjustment, the form is now displayed as follows.

CSS	From	to

CSS

From

to

div[data-macro-name=jinc-issue-details] div { padding: 0px !important; }

div[data-macro-name=jinc-issue-details] svg { width: 0px !important; }