> For the complete documentation index, see [llms.txt](https://docs.ayetstudios.com/v/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ayetstudios.com/v/product-docs/dashboard-setup/adslots/design-settings.md).

# Design Settings

{% hint style="success" %}
You can customize the Offerwall to your liking
{% endhint %}

## Custom Theme

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="/files/RlD6NcMA7dsyrbeefzYf" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="/files/XIKr5KqnCXEp3WVyomnq" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="/files/a2OMqVcOTv9fcXGSoVDd" alt=""><figcaption></figcaption></figure>

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

From the drop-down menu you can select different types of themes. You have predefined themes, but you can also make a custom theme. You can select the colors you preferer.

<div align="left"><figure><img src="/files/Jjym4P5LYXRN65ZktlhS" alt=""><figcaption></figcaption></figure></div>

## Custom Banner

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="/files/RlD6NcMA7dsyrbeefzYf" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="/files/XIKr5KqnCXEp3WVyomnq" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="/files/a2OMqVcOTv9fcXGSoVDd" alt=""><figcaption></figcaption></figure>

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

On top of the Offerwall you can add your custom banner / image

* Chose if you like to upload a Portrait Image or Landscape image
* Next to the respective image type you chose - click on **"Chose File"**
* Locate and upload the file you want
* Click on **"Save"**

{% hint style="info" %}
For Portrait Image - we recommend 1080px x (120px to 350px)

For Landscape Image - we recommend 1920px x (70px to 200 px)
{% endhint %}

<div align="left"><figure><img src="/files/2fvqpjPaC6rpEnZkYpSL" alt=""><figcaption></figcaption></figure></div>

## Custom Coin

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="/files/RlD6NcMA7dsyrbeefzYf" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="/files/XIKr5KqnCXEp3WVyomnq" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="/files/a2OMqVcOTv9fcXGSoVDd" alt=""><figcaption></figcaption></figure>

### 5. Customize

You can customize your virtual coin as you wish. You can choose a color of your liking, but also upload your designed coin.

* Select Theme - from the drop-down menu click on "Customize"
* Select Custom Coin - From the drop-down menu click on "Upload Custom Image"

<div align="left"><figure><img src="/files/boquKNEaDPFZU32sYmc6" alt=""><figcaption></figcaption></figure></div>

* To upload  the image click on "Choose File"

{% hint style="info" %}
We recommend using image 50px x 50px
{% endhint %}

<div align="left"><figure><img src="/files/8GfAGzqWHbrlba8SHfMm" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Click on "Save"
{% endhint %}