# Mapping

**Mapping** creates association-based assessments where learners match related items across two columns. It’s ideal for testing understanding of relationships, concept connections, or paired information through an interactive matching interface.

## Style settings

<table><thead><tr><th width="235">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Answer</strong></td><td></td></tr><tr><td>Drag icon upload</td><td>Upload or select a custom icon for the drag handle that appears on mappable items</td></tr><tr><td>Background color</td><td>Define the background color for mappable items containers</td></tr><tr><td>Rounding</td><td>Adjust corner radius of the mappable item containers</td></tr><tr><td>Border color</td><td>Set the color for borders around mappable item containers</td></tr><tr><td>Thickness</td><td>Adjust border thickness of mappable item containers</td></tr><tr><td>Hover color</td><td>Set the color that appears when users hover over mappable  items</td></tr><tr><td><strong>Answer selection (mobile version)</strong></td><td></td></tr><tr><td>Jump to icon</td><td>Upload or select an icon that indicates selection options on mobile devices</td></tr><tr><td>Selected background</td><td>Set the background color for selected items in the mobile interface</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Answer shadow</td><td><p>Add and configure shadow effects for answer options:</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>Spacing</strong></td><td></td></tr><tr><td>Row paddings</td><td><p>Configure the spacing inside mappable items</p><p> (top, right, bottom, left)</p></td></tr><tr><td>Margin between answers</td><td>Set the vertical spacing between consecutive mappable pairs</td></tr><tr><td>Margin from icon</td><td>Set the spacing between drag icons and mappable item content</td></tr></tbody></table>

## Typography settings

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

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

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.parta.io/branding/create-branding/elements/mapping.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.