Changing the display of the content editor screen

You can change the display of the content editor screen using a CSS for the content structure. Write a custom CSS to hide content or change colors.

This tutorial explains how to hide the "Other settings" element on the content editor screen.

Hiding the unwanted element

1. Navigate to the content editor

First, go to the content editor screen with the element you want to hide. In the left sidebar menu, click [Content structure].

Click the [Add] link next to the group for which you want to hide the element.

2. Obtain the element ID

Next, get the ID of the element you want to hide in the developer console for the page. To do this in the Chrome browser, right-click anywhere on the page and select [inspect] in the displayed menu. The element ID for "Other settings" is detail_setting.

For reference, the other ID elements are as follows:

Item	Description
Other settings	detail_setting
Related tags	tag_edit
Linkage settings on publication	open_action_setting
Publish settings	open_date_box
GitHub	github_workflow

3. Navigate to the content structure editor

In the left sidebar menu, click [Content structure].
On the content structure list screen, click the name of the content group you want to edit.
You should see the CSS field under the "Detailed settings" section of the editor screen.

2. Write your custom CSS

The CSS field uses Smarty. Therefore, enclose your CSS code between {literal} {/literal} tags.

For this tutorial, copy the code below into the CSS field and click [Update].

{literal}
#detail_setting{display:none;}
{/literal}

Verifying the display of the content editor screen

Navigate to the content editor screen. Now the "Other settings" section should be hidden.