Creating Visually Appealing Pages
In some cases, you might want to create a whole different look for a specific page, adding some visually appealing design or color. In this example, we will start with a fairly plain layout such as seen in the image below.
In this article we will give you step-by-step instructions on the following:
- Changing/ Adding Background Colors
- Changing Text Colors
- Adding Borders
- Adjusting Margins and Alignment
- Summary of Steps
NOTE!
When using the Advanced Editing Tools, it is very important to ensure you are editing the correct element!
First open your page in Edit mode and open the Sidebar.
- Select Advanced tools using icon at the top of the Sidebar
- Select the Style Editor
- Select Advanced tools using icon at the top of the Sidebar
Place your cursor into the element on your page that you want to edit.
- At the top of the Style Editor a list of elements in the content area will appear.
- Hover your mouse over each element to determine which element you will be editing
- Select the element.
- At the top of the Style Editor a list of elements in the content area will appear.
Tip!
You can click on the images in this article to see them larger and with more detail.
Informational Content Section (Columnar Display)
Enter leading information.
- Item A
- Item B
- Item C
Step-by-Step
Enter leading information.
Title of Action
Leading Info.
- Step 1 instructions.
- Step 2 instructions.
Title of action (multi-part)
After you have opened the new version of the Cidi Design Tools, you can now select it as your editor.
- Step 1 Instructions
- Part A instructions.
- Part B instructions.
- Part A instructions.
- Step 2 Instructions
- Part A instructions
- Part B instructions.
- Part A instructions
You are able to switch between these settings at any time, simply repeat steps 1 and 2 above.