# Specifying UI Settings

Customize your placement with your own color scheme for the tags, buttons, and banners (phone and tablet). Upload your own banners for even more customization.

<div align="left" data-with-frame="true"><img src="https://content.gitbook.com/content/LbREhkP3WlLtP6TNVZ2Q/blobs/JG0sVUoTRiW3p68y0j60/17993779645724" alt="" width="563"></div>

To customize the look of your placement:

1. Select a color for each of the following items by either entering a hex code color or clicking the color swatch to pick a color or enter RGB values.

<table><thead><tr><th width="161.49609375">PARAMETER</th><th>DESCRIPTION</th></tr></thead><tbody><tr><td>Tag Color</td><td>Color of the offer tags. The text for the tab is always white (<code>#FFFFFF</code>).</td></tr><tr><td>Button Color</td><td><p>Primary color for main UI elements. This color is applied to the following elements:</p><ul><li>Buttons</li><li>DT Default Banner</li><li>If using the tab layout, the text of the active tab</li><li>If using the tab layout, the color of the inactive tab.</li></ul></td></tr><tr><td>Button Text Color</td><td><p>Secondary color for the UI elements. This color is applied to the following elements:</p><ul><li>Text on buttons</li><li>If using the tab layout, the text of the inactive tab.</li></ul></td></tr></tbody></table>

2. Upload custom banners sized for both phone and tablet. Once uploaded, the custom banners override the default DT banners. View the updated UI in the preview.

{% hint style="success" %}
The [Offer Wall Banner Template](https://opd.fyber.com/sample-template.psd) (PSD file) contains design instructions for creating custom banners.
{% endhint %}

3. Click **Save**.\
   A message confirms the update.
