# 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](https://help.parta.io/branding/create-branding/typography-and-fonts).