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.

Image from Gyazo

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].

Image from Gyazo

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

Image from Gyazo

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.

Image from Gyazo

For reference, the other ID elements are as follows:

ItemDescription
Other settingsdetail_setting
Related tagstag_edit
Linkage settings on publicationopen_action_setting
Publish settingsopen_date_box
Githubgithub_workflow

3. Navigate to the content structure editor

In the left sidebar menu, click [Content structure].
Image from Gyazo

On the content structure list screen, click the name of the content group you want to edit.
Image from Gyazo

You should see the CSS field under the "Detailed settings" section of the editor screen.
Image from Gyazo

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}

Image from Gyazo

Verifying the display of the content editor screen

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

Image from Gyazo