The CMS Dashboard and the Design Editor each have different roles, and the items you can edit in them are different. Before getting started, make sure you know which screen to use for each setting.
Note: Requirements for editing in the Design Editor
To edit a CMS article item created in the CMS Dashboard from the Design Editor, you'll first need to create a dynamic page (CMS article page) to display the article item.
If you haven't created a CMS article page yet, see Dynamic pages: Display Studio.Design CMS article items and create a CMS article page.
Roles of the CMS Dashboard and the Design Editor
In Studio.Design CMS, you create and manage data and enter article content in the CMS Dashboard, while you create and design pages in the Design Editor.
Point: For more about how content management works in Studio.Design CMS, see What is Studio.Design CMS.
You can edit a CMS article body (a Rich Text property) in the following places.
Entering text and images
Setting structure such as headings and bullet lists (Markdown)
Setting text color and background color
Setting fonts
Setting text size
Setting spacing (margin and padding)
How to design the article body (Rich Text property)
Step 1. Check which screen you're editing in
Design settings are configured in the Design Editor. Check which screen you're currently editing in, and if you're in the CMS detail editing screen, switch to the Design Editor to make your changes.
Check which screen you're currently editing in. Each screen shows different settings, as listed below.
Design Editor: Menu icons appear on the left side of the screen.
CMS item detail editing screen:
A dashboard menu with items like [Home], [CMS], [Forms], [Analytics], and [Plans & Billing] is shown at the top of the screen.
Properties are displayed in a table format on the right side of the screen.
If you're on the CMS item editing screen, click the [Design Editor] button in the upper right to switch to the Design Editor.
Open the Pages panel and select the dynamic page (CMS article page) that's linked to the CMS article item you want to edit.
*If you've changed the page name, what you see may differ from the image below.
If the target page hasn't been created yet, see Dynamic pages: Display Studio.Design CMS article items and create a CMS article page to create one.
Step 2. Configure settings in the Design Editor
All text color, size, spacing, and font settings are done in the right panel.
Select the Rich Text box that's linked to the article body (Rich Text property).
Open the [Content] tab in the right panel. If the panel doesn't appear after you select the box element, open the right panel.
Refer to the following articles based on what you want to change:
To change text color, font, or size, see Rich Text box > Set design for Rich Text.
To change only part of the text, also see Change text or background color for part of the text.
To adjust spacing around images or boxes, see How to set margin, padding, and gap.
If you've made changes to a live site, the changes won't appear on the live site until you update the site from the Publish panel.
Tip: Save colors, fonts, and more as a set
You can save frequently used color and font combinations as Text Styles or Color Styles. Once saved, you can apply the same settings elsewhere just by selecting the style.