# Drawers

## **Custom Styling Settings** 

Within the theme editor, you can apply custom styles to our wishlist drawers via our '**Wishlist**' app embed settings.

<div data-full-width="false"><figure><img src="/files/3q5sxZjLC18U7jcgDL13" alt="" width="183"><figcaption></figcaption></figure></div>

{% tabs %}
{% tab title="General" %}
**Primary text colour:** Set colour code for the primary text colour which will apply in our wishlist drawers.

**Secondary text colour:** Set colour code for the secondary text colour which will apply in our wishlist drawers.

**Tertiary text colour:** Set colour code for the tertiary text colour which will apply in our wishlist drawers.

**Drawer background colour:** Set colour code for the background colour which will apply to our wishlist drawers.
{% endtab %}

{% tab title="Card" %}
**Border:** Available dropdown options:&#x20;

* No border - no border is shown around the card. &#x20;
* Border - full border is shown around each card
* Bottom border only - bottom border is shown below each card

*Note - borders are only show when multiple wishlists enabled*

**Border colour:** Set colour code for the border that will display around each wishlist card in our wishlist drawer.&#x20;

**Border radius:** Set radius of the borders shown around each wishlist card

**Background:** Set colour code for the background colour which will apply to each wishlist card.
{% endtab %}

{% tab title="Buttons" %}
**Button font size:** Controls font size of text within buttons

**Vertical padding:** Controls top/bottom padding within buttons&#x20;

**Horizontal padding:** Controls left/right padding within buttons

**Border radius:** Controls border radius of buttons
{% endtab %}

{% tab title="Button Primary" %}
**Font colour:**&#x20;

**Background:**

**Border colour:**

**Font colour hover:**&#x20;

**Background colour hover:**

**Border colour hover:**
{% endtab %}

{% tab title="Button Secondary" %}
Font colour:

Background:

Border colour:

Font colour hover:&#x20;

Background colour hover:

Border colour hover:
{% endtab %}
{% endtabs %}

## **Custom CSS**

Within each section you can add Additional CSS to tweak the appearance of your wishlist functionality.

<figure><img src="/files/2asE9JESWfAzcyiCDOeJ" alt="" width="299"><figcaption><p>Edit the CSS for any of your Wishlist features</p></figcaption></figure>


---

# 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://wishlist.nativeappco.com/customisation/custom-styling/drawers.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.