Different font style between view and edit modes

백은주
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
November 12, 2024

In view mode, the <code> element has 'all: unset' style applied. Please remove this style.

스크린샷 2024-11-13 오전 10.36.33.jpg

In edit mode, the font style is peroperly applied.

-FE-8705-GitHub-Actions-monitor-queued-status-workflow-워크플로-작성-Jira-11-13-2024_10_30_AM.jpg

1 answer

0 votes
Humashankar VJ
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
November 13, 2024

Hi @백은주 

In Jira, issues with the <code> element's display in view mode, despite correct rendering in edit mode, may arise from a specific CSS rule or customization.

To resolve this, administrators can adjust the CSS by adding a style rule to reset font styling for the <code> element in view mode.

For instance refer the below sample CSS

.view-mode code {

    all: initial; /* or all: inherit */

    font-family: monospace; /* or your preferred font */

    background-color: #f5f5f5; /* optional background color */

    padding: 2px 4px;

    border-radius: 3px;

}

Key considerations, that custom CSS capabilities vary between Jira editions. Jira Cloud has limitations, whereas Server and Data Center editions offer more flexibility.

Besides this, utilize Jira's built-in formatting options, such as the {code} macro, for consistent rendering.

Hope this helps - Happy to help further!!
Thank you very much and have a great one!
Warm regards

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
TAGS
AUG Leaders

Atlassian Community Events