# Order

**Order** creates sequence-based assessments where learners arrange items in the correct order. Use them for testing knowledge of processes, timelines, hierarchies, or any content where sequence matters, using a drag-and-drop interface.

## Style settings

<table><thead><tr><th width="188">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Answer</strong></td><td></td></tr><tr><td>Icon color</td><td>Set the color for the drag handle icons that allow reordering of items</td></tr><tr><td>Background color</td><td>Define the background color for orderable items</td></tr><tr><td>Hover color</td><td>Set the color that appears when users hover over orderable items</td></tr><tr><td>Rounding</td><td>Adjust corner radius of the orderable items</td></tr><tr><td>Display border</td><td>Toggle border visibility around orderable items (Yes/No)</td></tr><tr><td>Border color</td><td>Set the color for borders around orderable items</td></tr><tr><td>Thickness</td><td>Adjust border thickness of orderable items</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Answer shadow</td><td><p>Add and configure shadow effects for orderable items:</p><ol><li>Click the "+" icon to add shadow effects</li><li>Select from shadow styles: None, Soft, Regular, or Retro.</li></ol></td></tr><tr><td><strong>Margins</strong></td><td></td></tr><tr><td>Margin between answers</td><td>Set the vertical spacing between consecutive orderable items</td></tr><tr><td>Row paddings</td><td>Configure the spacing inside orderable item rows (top, right, bottom, left)</td></tr></tbody></table>

## Typography settings

Use **Rich-text** on the **Typography** tab to apply specific formatting to the text within **Orders**. Changes made here affect only the text in the **Order** element:

* Basic
* Headings
* Caption
* List
* Quote
* Link

For details on how to configure parameters in rich-text options, see [Typography and fonts](https://help.parta.io/branding/create-branding/typography-and-fonts).